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


Posted in Javascript onSeptember 05, 2011

代码如下:

<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通过参数设置验证规则


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

源码下载

Javascript 相关文章推荐
ExtJS GridPanel 根据条件改变字体颜色
Mar 08 Javascript
浅谈Javascript事件处理程序的几种方式
Jun 27 Javascript
解释&amp;&amp;和||在javascript中的另类用法
Jul 28 Javascript
jQuery制作拼图小游戏
Jan 12 Javascript
jQuery表格行上移下移和置顶的实现方法
Oct 08 Javascript
jquery实现简单的表单验证
Nov 17 Javascript
JavaScript事件学习小结(一)事件流
Jun 09 Javascript
Vue 过渡实现轮播图效果
Mar 27 Javascript
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
微信小程序自定义prompt组件步骤详解
Jun 12 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
使用Vue实现简单计算器
Feb 25 Javascript
JQuery扩展插件Validate 1 基本使用方法并打包下载
Sep 05 #Javascript
JQuery扩展插件Validate 5添加自定义验证方法
Sep 05 #Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 #Javascript
jQuery验证Checkbox是否选中的代码 推荐
Sep 04 #Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 #Javascript
Javascript变量函数浅析
Sep 02 #Javascript
简短几句jquery代码的实现一个图片向上滚动切换
Sep 02 #Javascript
You might like
PHP中文URL编解码(urlencode()rawurlencode()
2010/07/03 PHP
简单谈谈PHP中的trait
2017/02/25 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
IE与FireFox中的childNodes区别
2011/10/20 Javascript
一个JQuery操作Table的代码分享
2012/03/30 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
Javascript数组Array方法解读
2016/03/13 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
canvas时钟效果
2017/02/16 Javascript
JavaScript验证知识整理
2017/03/24 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
2017/08/02 Javascript
web前端开发中常见的多列布局解决方案整理(一定要看)
2017/10/15 Javascript
js数组去重的N种方法(小结)
2018/06/07 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
微信小程序如何获取用户收货地址
2018/11/27 Javascript
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
2018/11/28 Javascript
9102了,你还不会移动端真机调试吗
2019/03/25 Javascript
解决vue.js提交数组时出现数组下标的问题
2019/11/05 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
浅谈JavaScript 声明提升
2020/09/14 Javascript
Python整型运算之布尔型、标准整型、长整型操作示例
2017/07/21 Python
Python中使用多进程来实现并行处理的方法小结
2017/08/09 Python
Python随机生成均匀分布在三角形内或者任意多边形内的点
2017/12/14 Python
对python sklearn one-hot编码详解
2018/07/10 Python
python 获取微信好友列表的方法(微信web)
2019/02/21 Python
用Python徒手撸一个股票回测框架搭建【推荐】
2019/08/05 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
保安员岗位职责
2013/11/17 职场文书
职业技术学校毕业生推荐信
2013/12/03 职场文书
司仪主持词两篇
2014/03/22 职场文书
农业开发项目建议书
2014/05/16 职场文书
大学生学习计划书
2014/09/15 职场文书
致800米运动员广播稿(10篇)
2014/10/17 职场文书
什么是求职信?求职信应包含哪些内容?
2019/08/14 职场文书
致创业您:正能量激励人心句子(48条)
2019/08/15 职场文书