Vue +iview自定义表单验证

• **

Vue+iview 自定义表单验证

**

在data里随便定义一个函数名为validateorgCode，用正则写验证规则，在ruleValidate指定字段里面validator：validateorgCode

const validateSequence = (rule, value, callback) => {
let regNum = /^.{1,5}$/;
if (value === ‘’) {
callback(new Error(‘输入排序(升序)’));
} else if (!Number.isInteger(+value)) {
callback(new Error(‘输入数字’));
} else if (!regNum.test(value)) {
callback(new Error(‘长度过长’));
} else {
callback();
}
};

• data() {
  const validateorgCode = (rule, value, callback) => {
  if (!Number.isInteger(+value)) {
  callback(new Error(‘输入数字值’));
  }
  else if (!/\d{12}$/.test(value)) {
  return callback(new Error(“请输入12位数字值”));
  } else {
  callback();
  }
  };
  return {
  ruleValidate: {
  orgCode: [
  {required: true,message: “区域编码不能为空”,rigger: “blur”},//框架自带验证规则
  { validator: validateorgCode, trigger: “blur” }//自定义的验证规则
  ],
  },
  }