iview表单验证数字踩坑

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

{ 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' }
      ]
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,870评论 25 708
  • 22年12月更新:个人网站关停,如果仍旧对旧教程有兴趣参考 Github 的markdown内容[https://...
    tangyefei阅读 35,215评论 22 257
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,850评论 2 59
  • 第六章 “干杯!”安多,...
    青山一木阅读 282评论 0 1
  • 我认为很多人可能都要经历这么一个阶段,对于生活和工作感到非常迷茫,对于未来不知该如何是好,面对众多的选择感到无所适...
    王露西阅读 296评论 0 1