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 研究心得 取得属性的值
Nov 30 Javascript
js 提交和设置表单的值
Dec 19 Javascript
js showModalDialog弹出窗口实例详解
Jan 07 Javascript
jquery attr方法获取input的checked属性问题
May 26 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
javascript执行环境及作用域详解
May 05 Javascript
Javascript 链式作用域详细介绍
Feb 23 Javascript
AngularJS 的$timeout服务示例代码
Sep 21 Javascript
swiper 解决动态加载数据滑动失效的问题
Feb 26 Javascript
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
小程序实现抽奖动画
Apr 16 Javascript
Vue程序化的事件监听器(实例方案详解)
Jan 07 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中使用模板的方法
2008/05/24 PHP
PHP实现变色验证码实例
2014/01/06 PHP
php计算税后工资的方法
2015/07/28 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
OfflineSave离线保存代码再次发布使用说明
2007/05/23 Javascript
jquery复选框CHECKBOX全选、反选
2008/08/30 Javascript
限制文本框输入N个字符的js代码
2010/05/13 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
JS中操作JSON总结
2020/12/06 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
iframe里的页面禁止右键事件的方法
2014/06/10 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
javascript拖拽应用实例
2016/03/25 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
2016/07/22 Javascript
javascript replace()第二个参数为函数时的参数用法
2016/12/26 Javascript
JS实现一个简单的日历
2017/02/22 Javascript
jQuery EasyUI 组件加上“清除”功能实例详解
2017/04/11 jQuery
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2017/06/05 Javascript
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
2018/12/10 jQuery
微信小程序组件生命周期的踩坑记录
2021/03/03 Javascript
Python中序列的修改、散列与切片详解
2017/08/27 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
python机器学习之随机森林(七)
2018/03/26 Python
Python中文编码知识点
2019/02/18 Python
Python代码实现删除一个list里面重复元素的方法
2019/04/02 Python
python 并发编程 阻塞IO模型原理解析
2019/08/20 Python
django创建超级用户过程解析
2019/09/18 Python
HTML5 解析规则分析
2009/08/14 HTML / CSS
HTML5 Canvas阴影使用方法实例演示
2013/08/02 HTML / CSS
大学生毕业求职自荐书范文
2014/02/04 职场文书
美术教师自我鉴定
2014/02/12 职场文书
入团申请书格式
2019/06/20 职场文书
2019七夕节祝福语36句,快来收藏吧
2019/08/06 职场文书
深度学习详解之初试机器学习
2021/04/14 Python
Vue接口封装的完整步骤记录
2021/05/14 Vue.js