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 相关文章推荐
页面使用密码保护代码
Apr 10 Javascript
Javascript 垃圾收集机制介绍理解
May 14 Javascript
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
JS实现将人民币金额转换为大写的示例代码
Feb 13 Javascript
jQuery异步验证用户名是否存在示例代码
May 21 Javascript
js鼠标滑过图片震动特效的方法
Feb 17 Javascript
深入分析Cookie的安全性问题
Mar 01 Javascript
jQuery实现加入购物车飞入动画效果
Mar 14 Javascript
js实现精确到秒的日期选择器完整实例
Apr 30 Javascript
通过vue-cli3构建一个SSR应用程序的方法
Sep 13 Javascript
JS函数进阶之prototy用法实例分析
Jan 15 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
Jun 01 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
PHP截取指定图片大小的方法
2014/12/10 PHP
php使用ZipArchive函数实现文件的压缩与解压缩
2015/10/27 PHP
Laravel 5.4前后台分离,通过不同的二级域名访问方法
2019/10/13 PHP
javascript String 对象
2008/04/25 Javascript
Ext面向对象开发实践(续)
2008/11/18 Javascript
判断对象是否Window的实现代码
2012/01/10 Javascript
javascript获取所有同类checkbox选项(实例代码)
2013/11/07 Javascript
Jquery对数组的操作技巧整理
2014/03/25 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
2014/04/15 Javascript
基于jQuery实现搜索关键字自动匹配功能
2020/03/26 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
JS实现搜索关键词的智能提示功能
2017/07/07 Javascript
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
修改vue+webpack run build的路径方法
2018/09/01 Javascript
JavaScript静态作用域和动态作用域实例详解
2019/06/17 Javascript
JS实现音乐钢琴特效
2020/01/06 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
2020/07/15 Javascript
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[04:45]DOTA2-DPC中国联赛正赛 iG vs LBZS 赛后选手采访
2021/03/11 DOTA
跟老齐学Python之Python文档
2014/10/10 Python
Python中使用不同编码读写txt文件详解
2015/05/28 Python
Python复制Word内容并使用格式设字体与大小实例代码
2018/01/22 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
python在html中插入简单的代码并加上时间戳的方法
2018/10/16 Python
python读取图片任意范围区域
2019/01/23 Python
社区平安建设方案
2014/05/25 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
研究生个人学年总结
2015/02/14 职场文书
和谐拯救危机观后感
2015/06/15 职场文书
致运动员加油稿
2015/07/21 职场文书
2016廉政教育学习心得体会
2016/01/25 职场文书
分家协议书范本
2016/03/22 职场文书
七年级作文之冬景
2019/11/07 职场文书
在Windows下安装配置CPU版的PyTorch的方法
2021/04/02 Python
Python数据处理的三个实用技巧分享
2022/04/01 Python