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 相关文章推荐
Safari5中alert的无限循环BUG
Apr 07 Javascript
javascript 原型继承介绍
Aug 30 Javascript
如何在JavaScript中实现私有属性的写类方式(二)
Dec 04 Javascript
jQuery截取指定长度字符串代码
Aug 21 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
Mar 25 Javascript
深入浅析JavaScript函数前面的加号和叹号
Jul 09 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
JS实现数组去重复值的方法示例
Feb 18 Javascript
浅谈react+es6+webpack的基础配置
Aug 09 Javascript
vue-cli脚手架-bulid下的配置文件
Mar 27 Javascript
js中this的指向问题归纳总结
Nov 28 Javascript
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
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中关于抽象(abstract)类和抽象方法的问题分析
2014/01/03 PHP
简单的php缓存类分享     php缓存机制
2014/01/22 PHP
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
[HTML/CSS/Javascript]WWTJS
2007/09/25 Javascript
JavaScript入门教程(2) JS基础知识
2009/01/31 Javascript
JavaScript中Object和Function的关系小结
2009/09/26 Javascript
javascript中RegExp保留小数点后几位数的方法分享
2013/08/13 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
2013/10/20 Javascript
jquery实现可拖拽弹出层特效
2015/01/04 Javascript
Node.js事件驱动
2015/06/18 Javascript
JavaScript中三种异步上传文件方式
2016/03/06 Javascript
浅谈js函数中的实例对象、类对象、局部变量(局部函数)
2016/11/20 Javascript
BootStrap3使用错误记录及解决办法
2016/12/22 Javascript
ES6学习之变量的解构赋值
2017/02/12 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
JS实现css hover操作的方法示例
2017/04/07 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
刷新页面后让控制台的js代码继续执行
2019/09/20 Javascript
Python中实现两个字典(dict)合并的方法
2014/09/23 Python
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
django中使用Celery 布式任务队列过程详解
2019/07/29 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
pycharm新建Vue项目的方法步骤(图文)
2020/03/04 Python
皇家阿尔伯特瓷器美国官网:Royal Albert美国
2020/02/16 全球购物
革命先烈的英雄事迹材料
2014/02/15 职场文书
一年级学生期末评语
2014/04/21 职场文书
出国留学计划书
2014/04/27 职场文书
计划生育诚信协议书
2014/11/02 职场文书
全国爱牙日活动总结
2015/02/05 职场文书
八一建军节主持词
2015/07/01 职场文书
导游词之沈阳清昭陵
2019/12/28 职场文书
Mysql 如何实现多张无关联表查询数据并分页
2021/06/05 MySQL
Linux中Nginx的防盗链和优化的实现代码
2021/06/20 Servers
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server
Go web入门Go pongo2模板引擎
2022/05/20 Golang