3

正文

今天在做表单验证的时候发现,validate默认的验证规则 :

digits:true 必须输入整数

是只能输入正整数的。
而公司项目中表单一直用digits:true,也没发现异常,直到今天,那个数据是可以输入负数的,测试才发现,输入了负整数,表单验证提示 必须输入整数!

难道 负整数 不算是 整数 吗?

于是,我查看了jquery.validate.js的源码,发现:

    // http://docs.jquery.com/Plugins/Validation/Methods/digits         
    digits: function( value, element ) {             
      returnthis.optional(element) || /^\d+$/.test(value);         
    },

而正则表达式:

验证非负整数(正整数 + 0) ^d+$

验证非正整数(负整数 + 0) ^((-d+)|(0+))$

也就是说, jquery.validate.js的源码 中 digits:true 的确是验证的非负整数(正整数 + 0);

所以,自己写了个自定义方法,解决了整数(正整数+负整数+0)的验证:

jQuery.validator.addMethod("integer", function (value, element) {

    var tel = /^-?\d+$/g;  //正、负 整数 + 0

    return this.optional(element) || (tel.test(value));

}, "请输入整数"); 

资料:

整数 维基百科,自由的百科全书
自然数 维基百科,自由的百科全书
正则表达式 维基百科,自由的百科全书
JS正则表达式验证数字
最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等


北堂棣
6.6k 声望116 粉丝

2016年应届毕业生。