jquery表单验证-自定义及常用验证(转)

<script type="text/javascript">
jQuery.validator.addMethod("regex", //addMethod第1个参数:办法名称
function(value, element, params) { //addMethod第2个参数:验证办法,参数(被验证元素的值,被验证元素,参数)
var exp = new RegExp(params); //实例化正则对象,参数为传入的正则表达式
return exp.test(value); //测试是否匹配
},
"格局错误"); //addMethod第3个参数:默认错误信息
¥(function() {
¥("#signupForm").validate(

{
rules: {
txtPassword1: "required", //暗码1必填

txtPassword2: { //暗码2的描述多于1项应用对象类型
required: true, //必填,这里可所以一个匿名办法
equalTo: "#txtPassword1", //必须与暗码1相等
rangelength: [5, 10], //长度5-10之间
regex: "^\w+¥" //应用自定义的验证规矩,在上例中新增的项目组
},

txtEmail: "email" //电子邮箱必须合法
},
messages: {
txtPassword1: "您必须填写",

txtPassword2: {
required: "您必须填写",
equalTo: "暗码不一致",
rangelength: "长度必须介于{0} 和 {1} 之间的字符串",
regex: "暗码只能是数字、字母与下划线"
}
},
debug: false, //若是批改为true则表单不会提交
submitHandler: function() {
alert("开端提交了");
}
});
});
</script>

常用方法:
// 号码验证
jQuery.validator.addMethod("mobile", function(value, element) {
var length = value.length;
var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+d{8})¥/
return this.optional(element) || (length == 11 && mobile.test(value));
}, "号码格局错误");

// 德律风号码验证
jQuery.validator.addMethod("phone", function(value, element) {
var tel = /^(0[0-9]{2,3}-)?([2-9][0-9]{6,7})+(-[0-9]{1,4})?¥/;
return this.optional(element) || (tel.test(value));
}, "德律风号码格局错误");

// 邮政编码验证
jQuery.validator.addMethod("zipCode", function(value, element) {
var tel = /^[0-9]{6}¥/;
return this.optional(element) || (tel.test(value));
}, "邮政编码格局错误");

// QQ号码验证
jQuery.validator.addMethod("qq", function(value, element) {
var tel = /^[1-9]d{4,9}¥/;
return this.optional(element) || (tel.test(value));
}, "qq号码格局错误");

// IP地址验证
jQuery.validator.addMethod("ip", function(value, element) {
var ip = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?).){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)¥/;
return this.optional(element) || (ip.test(value) && (RegExp.¥1 < 256 && RegExp.¥2 < 256 && RegExp.¥3 < 256 && RegExp.¥4 < 256));
}, "Ip地址格局错误");

// 字母和数字的验证
jQuery.validator.addMethod("chrnum", function(value, element) {
var chrnum = /^([a-zA-Z0-9]+)¥/;
return this.optional(element) || (chrnum.test(value));
}, "只能输入数字和字母(字符A-Z, a-z, 0-9)");

// 中文的验证
jQuery.validator.addMethod("chinese", function(value, element) {
var chinese = /^[u4e00-u9fa5]+¥/;
return this.optional(element) || (chinese.test(value));
}, "只能输入中文");

// 下拉框验证
¥.validator.addMethod("None", function(value, element) {
return value == "请选择";
}, "必须选择一项");

// 字节长度验证
jQuery.validator.addMethod("byteRangeLength", 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[0] && length <= param[1]);
}, ¥.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值