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 相关文章推荐
JQery jstree 大数据量问题解决方法
Mar 09 Javascript
Jquery下判断Id是否存在的代码
Jan 06 Javascript
cookie 最近浏览记录(中文escape转码)具体实现
Jun 08 Javascript
三种方式获取XMLHttpRequest对象
Apr 21 Javascript
JavaScript利用HTML DOM进行文档操作的方法
Mar 28 Javascript
vue基于mint-ui的城市选择3级联动的示例
Oct 25 Javascript
Vue 页面跳转不用router-link的实现代码
Apr 12 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
Oct 29 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
基于Three.js实现360度全景图片
Dec 30 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
Sep 27 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
Oct 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
无数据库的详细域名查询程序PHP版(1)
2006/10/09 PHP
php判断页面是否是微信打开的示例(微信打开网页)
2014/04/25 PHP
php中session与cookie的比较
2015/01/27 PHP
PHP网络操作函数汇总
2015/05/18 PHP
php实现算术验证码功能
2018/12/05 PHP
在thinkphp5.0路径中实现去除index.php的方式
2019/10/16 PHP
js常见表单应用技巧
2008/01/09 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
快速排序 php与javascript的不同之处
2011/02/22 Javascript
Chrome扩展页面动态绑定JS事件提示错误
2014/02/11 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
2015/08/22 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
2016/09/05 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
JavaScript 中对象的深拷贝
2016/12/04 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
详解uniapp的全局变量实现方式
2021/01/11 Javascript
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
Python图形绘制操作之正弦曲线实现方法分析
2017/12/25 Python
tensorflow更改变量的值实例
2018/07/30 Python
对IPython交互模式下的退出方法详解
2019/02/16 Python
一套C++笔试题面试题
2012/06/06 面试题
函授毕业生的自我鉴定
2013/11/26 职场文书
乐观大学生的自我评价
2014/01/10 职场文书
十八大演讲稿
2014/05/22 职场文书
公司收款委托书范本
2014/09/20 职场文书
2014年客房部工作总结
2014/11/22 职场文书
2015年师德师风自我评价范文
2015/03/05 职场文书
2016年教师节贺卡寄语
2015/12/04 职场文书
施工安全责任协议书
2016/03/23 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers
教你怎么用Python处理excel实现自动化办公
2021/04/30 Python
Redis如何使用乐观锁(CAS)保证数据一致性
2022/03/25 Redis
Python利用capstone实现反汇编
2022/04/06 Python