JQuery扩展插件Validate 2通过参数设置验证规则

198 阅读 0 评论 131 点赞

我是靠谱客的博主雪白香烟，最近开发中收集的这篇文章主要介绍JQuery扩展插件Validate 2通过参数设置验证规则，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

代码如下：

复制代码代码如下:

 
<script type="text/javascript"> 
$(function() { 
$("#signupForm").validate( 
//在上例中新增的部分 
{ 
rules: { 
txtPassword1: "required", //密码1必填 
txtPassword2: { //密码2的描述多于1项使用对象类型 
required: true, //必填，这里可以是一个匿名方法 
equalTo: "#txtPassword1", //必须与密码1相等 
rangelength: [5, 10] //长度5-10之间 
}, 
txtEmail: "email" //电子邮箱必须合法 
} 
}); 
}); 
</script> 
<form id="signupForm" method="get" action=""> 
<fieldset> 
<legend>用户注册</legend> 
<p> 
<label for="txtPassword1"> 
密码1</label> 
<input id="txtPassword1" name="txtPassword1" type="password" /> 
</p> 
<p> 
<label for="txtPassword2"> 
密码2</label> 
<input id="txtPassword2" name="txtPassword2" type="password" /> 
</p> 
<p> 
<label for="txtEmail"> 
邮箱</label> 
<input id="txtEmail" name="txtEmail" /> 
</p> 
<p> 
<input type="submit" value="提交" /> 
</p> 
</fieldset> 
</form> 