美文网首页
iview表单验证数字踩坑

iview表单验证数字踩坑

作者: 圆小鑫鑫 | 来源:发表于2018-10-19 14:17 被阅读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' }
          ]
    }
    

    相关文章

      网友评论

          本文标题:iview表单验证数字踩坑

          本文链接:https://www.haomeiwen.com/subject/rvsyzftx.html