JQuery扩展插件Validate 1 基本使用方法并打包下载


Posted in Javascript onSeptember 05, 2011

分别是:
<script src="../Contents/JS/jquery-1.5.js" type="text/javascript"></script>
<script src="../Contents/JS/jquery.validate.min.js" type="text/javascript"></script>

1、基本使用方法,通过样式设置验证规则

<script type="text/javascript"> 
$(function() { $("#signupForm").validate(); }); //验证所选择的表单 
</script> <p> 
<label for="email">Email</label> 
<input id="email" name="email" class="required email" /> 
<!--该项表示电子邮箱是必填的,且是正确的email--> 
</p> 
<p> 
<label for="txtAge">年龄</label> 
<input id="txtAge" name="txtAge" min="18" max="45" /> 
<!--年龄只能在18-45之间--> 
</p>

当表单提交时,如果没有填写email或者是错误的email将发生错误,如下所示:
JQuery扩展插件Validate 1 基本使用方法并打包下载

文本框后面的默认提示可以修改jquery.validate.min.js,将英文查找并替换成中文,样式可以通过css的类样式改变如.required,.email等, 当然这里的class可以一项或多项中间用空格分隔,语法格式与css一样,可选择的项还有:

(1)required:true 必输字段
(2)remote:"check.php" 使用ajax方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必须输入正确格式的网址
(5)date:true 必须输入正确格式的日期
(6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
(7)number:true 必须输入合法的数字(负数,小数)
(8)digits:true 必须输入整数
(9)creditcard: 必须输入合法的信用卡号
(10)equalTo:"#field" 输入值必须和#field相同
(11)accept: 输入拥有合法后缀名的字符串(上传文件的后缀)
(12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10] 输入值必须介于 5 和 10 之间
(16)max:5 输入值不能大于5
(17)min:10 输入值不能小于10

源码下载

Javascript 相关文章推荐
extjs 初始化checkboxgroup值的代码
Sep 21 Javascript
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 Javascript
JS实现的左侧竖向滑动菜单效果代码
Oct 19 Javascript
简单对比分析JavaScript中的apply,call与this的使用
Dec 04 Javascript
深入浅析JavaScript中的3DES
Aug 24 Javascript
jQuery Mobile和HTML5开发App推广注册页
Nov 07 Javascript
Bootstrap导航条学习使用(二)
Feb 08 Javascript
简单实现js菜单栏切换效果
Mar 04 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
May 02 Javascript
opencv 识别微信登录验证滑动块位置
Aug 07 Javascript
简单了解node npm cnpm的具体使用方法
Feb 27 Javascript
微信小程序tabBar 返回tabBar不刷新页面
Jul 25 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
25个非常棒的jQuery滑块插件和教程小结
Sep 02 #Javascript
You might like
B2K与车机的中波PK
2021/03/02 无线电
PHP swoole和redis异步任务实现方法分析
2019/08/12 PHP
javascript入门·对象属性方法大总结
2007/10/01 Javascript
javascript 鼠标滚轮事件
2009/04/09 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
JS验证身份证有效性示例
2013/10/11 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
2016/12/13 Javascript
JS正则表达式修饰符中multiline(/m)用法分析
2016/12/27 Javascript
老生常谈javascript中逻辑运算符&amp;&amp;和||的返回值问题
2017/04/13 Javascript
详解vue父子组件间传值(props)
2017/06/29 Javascript
基于Vue.js实现tab滑块效果
2017/07/23 Javascript
SeaJS中use函数用法实例分析
2017/10/10 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
2018/09/30 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
[02:37]2015国际邀请赛选手档案—LGD.Xiao8
2015/07/28 DOTA
[01:35]辉夜杯战队访谈宣传片—LGD
2015/12/25 DOTA
[02:00]最后,我终于出了辉耀
2018/03/27 DOTA
Python中列表(list)操作方法汇总
2014/08/18 Python
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
基于Python log 的正确打开方式
2018/04/28 Python
Python实现多进程的四种方式
2019/02/22 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
python实现的config文件读写功能示例
2019/09/24 Python
python实现飞行棋游戏
2020/02/05 Python
用CSS3实现无限循环的无缝滚动的实例代码
2017/07/04 HTML / CSS
意大利会呼吸的鞋:Geox健乐士
2017/02/12 全球购物
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
应届护士推荐信
2013/11/16 职场文书
项目资料员岗位职责
2013/12/10 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
应聘文员自荐信范文
2014/03/11 职场文书
党员公开承诺书范文
2014/03/25 职场文书
简述Java中throw-throws异常抛出
2021/08/07 Java/Android
vue选项卡切换的实现案例
2022/04/11 Vue.js