手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery扩展插件Validate 2通过参数设置验证规则
JQuery扩展插件Validate 2通过参数设置验证规则
摘要:代码如下:复制代码代码如下:$(function(){$("#signupForm").validate(//在上例中新增的部分{rules...

代码如下:

复制代码 代码如下:

<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>

远行结果:

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

注意:在ASP.NET中使用这种JS验证方法最好将服务器控件Id替换成客户端Id,如:<%=控件Id.ClientId %>,<%=控件Id.UniqueId>

源码下载

【JQuery扩展插件Validate 2通过参数设置验证规则】相关文章:

JQuery中DOM事件冒泡实例分析

jQuery 遍历函数详解

jQuery插件制作之参数用法实例分析

jquery.validate使用时遇到的问题

JQuery插件jcarousellite的参数中文说明

JQuery boxy插件在IE中边角图片不显示问题的解决

AspNet中使用JQuery上传插件Uploadify详解

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

JQuery中层次选择器用法实例详解

jQuery插件jRumble实现网页元素抖动

精品推荐
分类导航