iview表单验证数字踩坑

2018-10-19  本文已影响0人  圆小鑫鑫

表单校验,单独进行数字校验,使用下面的代码是可以的

{ type: 'number', message: '请输入排序', trigger: 'blur' }

但同时进行数字和为空校验,使用下面的代码是不行的,输入数字的时候一直提示不能为空

 { required: true, message: '排序不能为空', trigger: 'blur' },
 { type: 'number', message: '请输入排序', trigger: 'blur' }

能够成功验证的方法:

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();
      }
};
ruleData: {
      sequence: [
            { required: true, validator: validateSequence, trigger: 'blur' }
      ]
}
上一篇 下一篇

猜你喜欢

热点阅读