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 相关文章推荐
javascript 图片上传预览-兼容标准
Jun 01 Javascript
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
Jquery在IE7下无法使用 $.ajax解决方法
Nov 11 Javascript
JS高级笔记
Jul 13 Javascript
25个非常棒的jQuery滑块插件和教程小结
Sep 02 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
Jan 09 Javascript
Spring mvc 接收json对象
Dec 10 Javascript
全面了解函数声明与函数表达式、变量提升
Aug 09 Javascript
原生JS简单实现ajax的方法示例
Nov 29 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 Javascript
JavaScript之Canvas_动力节点Java学院整理
Jul 04 Javascript
vue-cli3跨域配置的简单方法
Sep 06 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
大师制作的中短波矿石收音机
2020/04/02 无线电
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
php中使用websocket详解
2016/09/23 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
(jQuery,mootools,dojo)使用适合自己的编程别名命名
2010/09/14 Javascript
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
jQuery.extend 函数的详细用法
2012/06/27 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
2014/05/05 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
12306验证码破解思路分享
2015/03/25 Javascript
基于jQuery代码实现圆形菜单展开收缩效果
2017/02/13 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
详解在HTTPS 项目中使用百度地图 API
2019/04/26 Javascript
微信小程序前端自定义分享的实现方法
2019/06/13 Javascript
微信小程序图片左右摆动效果详解
2019/07/13 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
Flask 上传自定义头像的实例详解
2020/01/09 Python
python编程进阶之类和对象用法实例分析
2020/02/21 Python
Django choices下拉列表绑定实例
2020/03/13 Python
详解使用python爬取抖音app视频(appium可以操控手机)
2021/01/26 Python
CSS3 @font-face属性使用指南
2014/12/12 HTML / CSS
详解Html5中video标签那些属性和方法
2019/07/01 HTML / CSS
什么是serialVersionUID
2016/03/04 面试题
中秋节礼品促销方案
2014/02/02 职场文书
工会工作先进事迹
2014/08/18 职场文书
小马王观后感
2015/06/11 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书
Python学习之异常中的finally使用详解
2022/03/16 Python
Python实现信息管理系统
2022/06/05 Python
解决ubuntu安装软件时,status-code=409报错的问题
2022/12/24 Servers