您好,欢迎来到曲趣美食。
搜索
您的当前位置:首页jqueryvalidate添加自定义验证规则(验证邮箱邮政编码)_jquery

jqueryvalidate添加自定义验证规则(验证邮箱邮政编码)_jquery

来源:曲趣美食


jQuery:validate添加自定义验证

jQuery.validator.addMethod添加自定义的验证规则

addMethod:name, method, message

简单实例:单个验证的添加

代码如下:




validate.js拓展验证







$("#tinyphp").validate({
// 添加验证规则
rules: {
isZipCode: { //验证邮箱
isZipCode: true
}
}
});



validate.expand.js

代码如下:
jQuery.validator.addMethod("isZipCode", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");

添加多个验证方法
代码如下:




validate.js拓展验证







$("#tinyphp").validate({
// 添加验证规则
rules: {
isZipCode: { //验证邮箱
isZipCode: true
},
userName:{
required: true,
userName: true,
rangelength: [5,10]
}
},

//重设提示信息,可省略
messages:{
userName: {
required: "请填写用户名",
rangelength: "用户名必须在5-10个字符之间"
}

}
});



validate.expand.js

代码如下:
jQuery.validator.addMethod("userName", function(value, element) {
return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);
}, "用户名必须在5-10个字符之间");

jQuery.validator.addMethod("isZipCode", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");

Copyright © 2019- qqqmw.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务