特殊验证validate

最新推荐文章于 2022-11-15 14:24:52 发布

fn_2015

最新推荐文章于 2022-11-15 14:24:52 发布

阅读量342

点赞数

本文介绍了使用jQuery Validator插件自定义多种表单验证规则的方法，包括字节长度限制、数字格式验证、邮政编码格式检查等，适用于网页前端的数据有效性校验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery.validator.addMethod("byteMaxLength",
function(value,

                    element,
 param) {

                var

length = value.length;

                for

( var

i = 0; i < value.length; i++) {

                    if

(value.charCodeAt(i) > 127) {

                        length++;

                    }

                }

                return

this.optional(element)
 || (length <= param);

            },
 $.validator.format("不能超过{0}个字节(一个中文字算2个字节)"));

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

             return

this.optional(element)
 || /^\d*$/.test(value);

            }

            //,$.validator.format("请输入数字{0}位以内")

            );

            //number(9,3)

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

             return

this.optional(element)
 || /^[0-9]{1,6}(\.\d{1,3})$/.test(value);

            },$.validator.format("请输入合法数字,精度格式123456.0")

            );

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

             return

this.optional(element)
 || /^[0-9]\d{5}(?!\d)$/.test(value);

            },$.validator.format("请输入合法的邮编")

            );

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

             return

this.optional(element)
 || /^[a-zA-Z0-9]+$/.test(value);

            },$.validator.format("请输入字母或数字")

            );

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

             return

this.optional(element)
 || /^(\d{14}|\d{17})(\d|[xX])$/.test(value);

            },$.validator.format("请输入合法身份证号")

            );

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

             return

this.optional(element)
 || /^[a-zA-Z ]*$/.test(value);

            },$.validator.format("请输入字母或者空格")

            );

调用方式：

<input
 name="id" id="id" type="text" class="input required 
numberAndLettersVal" maxlength="19" value="<%=Util.strNull(cuntongssxx.getId())%>"/>