JQuery扩展插件Validate—6 radio、checkbox、select的验证

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JQuery扩展插件Validate—6 radio、checkbox、select的验证，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1950字，纯文字阅读大概需要3分钟。

内容图文

解决这个问题的办法是将错误信息指定到一个特定的位置，validate()方法的参数中可以进行自定义，示例代码如下:
代码如下:

<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); //测试是否匹配 
}, 
"格式错误"); 

$(function() { 
$("#signupForm").validate( 

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

txtPassword2: { //密码2的描述多于1项使用对象类型 
required: true, //必填，这里可以是一个匿名方法 
equalTo: "#txtPassword1", //必须与密码1相等 
rangelength: [5, 10], //长度5-10之间 
regex: "^\\w+$" //使用自定义的验证规则 
}, 

txtEmail: "email", //电子邮箱必须合法 
sex: "required" 
}, 
messages: { //对应上面的错误信息 
txtPassword1: "您必须填写", 

txtPassword2: { 
required: "您必须填写", 
equalTo: "密码不一致", 
rangelength: "长度必须介于{0} 和 {1} 之间的字符串", 
regex: "密码只能是数字、字母与下划线" 
} 
}, 
　　　　　　 
//在上例中新增的部分 
errorPlacement: function(error, element) { //指定错误信息位置 
if (element.is(':radio') || element.is(':checkbox')) { //如果是radio或checkbox 
var eid = element.attr('name'); //获取元素的name属性 
error.appendTo(element.parent()); //将错误信息添加当前元素的父结点后面 
} else { 
error.insertAfter(element); 
} 
}, 

debug: false, //如果修改为true则表单不会提交 
submitHandler: function() { 
alert("开始提交了"); 
} 
}); 
}); 
</script> <p> 
<label for="sex"> 
性别</label> 
<input type="radio" id="rdoFemale" name="sex" />男 
<input type="radio" id="rdoMale" name="sex" />女 
</p> 


运行结果如下：


此外：如果在参数中加上debug:true则只用于调试表单不会提交到服务器; submitHandler: function() {}将会在表单提交到服务器前执行一些操作;用remote可以进行Ajax验证,好像有个小bug;在使用ASP.NET与validate组合使用时会有一些问题可以参考网友的博文。 
源码下载 
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JQuery扩展插件Validate—6 radio、checkbox、select的验证全部内容，希望文章能够帮你解决JQuery扩展插件Validate—6 radio、checkbox、select的验证所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端