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 相关文章推荐
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
JavaScript中字符串拼接的基本方法
Jul 07 Javascript
AngularJS过滤器详解及示例代码
Aug 16 Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 Javascript
vue插件tab选项卡使用小结
Oct 27 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
Aug 17 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
Jul 23 Javascript
使用js实现一个简单的滚动条过程解析
Sep 10 Javascript
Openlayers学习之地图比例尺控件
Sep 28 Javascript
使用webpack和rollup打包组件库的方法
Feb 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计划任务之关闭浏览器后仍然继续执行的函数
2010/07/22 PHP
PHP Class&amp;Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
PHP正则匹配反斜杠'\'和美元'$'的方法
2017/02/08 PHP
php简单处理XML数据的方法示例
2017/05/19 PHP
基于PHP常用文件函数和目录函数整理
2017/08/17 PHP
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
原生js编写autoComplete插件
2016/04/13 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
2016/11/09 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
javascript按钮禁用和启用的效果实例代码
2017/10/29 Javascript
基于Datatables跳转到指定页的简单实例
2017/11/09 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
基于vue循环列表时点击跳转页面的方法
2018/08/31 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
[01:33]PWL开团时刻DAY2-开雾与反开雾
2020/10/31 DOTA
学习python类方法与对象方法
2016/03/15 Python
对Python进行数据分析_关于Package的安装问题
2017/05/22 Python
Python企业编码生成系统总体系统设计概述
2019/07/26 Python
Django实现web端tailf日志文件功能及实例详解
2019/07/28 Python
python实现拼接图片
2020/03/23 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
中国最大隐形眼镜网上商城:视客眼镜网
2016/10/30 全球购物
元旦晚会策划方案
2014/02/18 职场文书
求职信模板
2014/05/23 职场文书
80后婚前协议书范本
2014/10/24 职场文书
写景作文评语集锦
2014/12/25 职场文书
教师自荐信范文
2015/03/06 职场文书
2015年度个人业务工作总结
2015/04/27 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
2020年个人安全保证书参考模板
2020/01/08 职场文书
Redis IP地址的绑定的实现
2021/05/08 Redis