vue antd 自定义校验规则

299 阅读1分钟
<a-form-model-item label="项目排序" prop="sort">//步骤一: prop="sort",prop的值必须唯一
              <a-input
                v-model="pmStageInfo.sort"
                placeholder="请输入项目排序"
              />
</a-form-model-item>

export default {
    data() {
    //步骤二:自定义校验规则
      var checkSort = (rule, value, callback) => {
        var reg = /^([1-9][0-9]*)$/
        if(reg.test(value)) {
          callback()
        }else{
          callback(new Error('请输入大于0的正整数'))
        }
      }
}
//步骤三
rules: {
          sort: [{required: true, message: '请输入阶段描述', trigger: 'blur'},
            {validator: checkSort}],//可同时有多个校验规则,分别为一个对象
        },