美文网首页
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表单验证数字踩坑

    表单校验,单独进行数字校验,使用下面的代码是可以的 但同时进行数字和为空校验,使用下面的代码是不行的,输入数字的时...

  • 3/5 iview表单中注册密码验证、发送表单请求问题

    iview表单中注册密码验证 针对密码这一块内容 因为我在这里踩坑了 iview的密码验证还有手机验证不是很完整的...

  • iView爬坑记——表单验证

    版本:iView 2.7.4 自从项目用了iView之后,感觉做新需求的一半时间都在疯狂踩坑,所以写个文档记录一下...

  • iview form表单数值类型校验「iview自定义form表

    摘录iview表单验证 Form 组件基于 sync-validator 实现的数据验证,给 Form 设置属性 ...

  • iview form表单验证填坑笔记

    今天想写一个表单校验用户有没有填写内容 官方文档是这样写的 全部复制下来会发现根本没有用 但是好在这个东西他开源 ...

  • iview自定义表单验证

    iview表单支持自定义验证规则,可以完成更复杂的验证,下面以验证手机号为例,说明使用方法:

  • iview自定义表单验证

    iview表单支持自定义验证规则,可以完成更复杂的验证,下面以验证手机号为例,说明使用方法:

  • 使用iview 表单验证

    1.引入Form,FormItem组件 2.Form,FormItem 绑定 实例

  • iview踩坑

    Tabs关闭错误 如图所示,tabs可以设置closeable属性设置标签可关闭,但是其存在一个bug就是我们关闭...

  • iview踩坑

    1、iview三级联动,删除效果实现 需求:省市区的三级联动,并且有删除效果,执行删除时,后面的一项也需要删除;当...

网友评论

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

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