vue 实战表单验证规则

一直想写这么个玩意儿的,一直没有能排起头。今天刚好测试测出一个bug,是一个关于正整数的表单验证。

项目需求:附件数量必须是正整数。

原先使用了正则,可能是正则不够变态,反正例如空数组,空对象,null,undefined,NaN验证不了,然后验证不了000,这是我正则的问题,不过反正我最后推翻了正则,网上还有使用正整数除以1一定会整除来做,也就是 number%1 === 0。可是还是有缺陷因为还得判断特殊符号和英文字母,你得确定是数字才行,所以得再加一层。最后我都推翻了,为了跟上潮流!使用es6

var number = Number(**)

Number.isInteger(number) && number  > 0


参考element-ui 表单项目代码

// 附件总数

attachNum: [           

    { required: true, message: '请输入附件总数', trigger: 'change' },           

    {             

        validator(rule,value,callback){               

            if(Number.isInteger(Number(value)) && Number(value) > 0){                 

                   callback();               

            }else{                 

                    callback(new Error("请输入有效数字"));               

            }             

    },             

    trigger: 'blur',           

}]

=====================================================

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容