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 插件开发 extjs中的extend用法小结
Jan 04 Javascript
js实现交换运动效果的方法
Apr 10 Javascript
jQuery插件扩展测试实例
Jun 21 Javascript
再次谈论Javascript中的this
Jun 23 Javascript
jQuery版AJAX简易封装代码
Sep 14 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
Jan 06 Javascript
微信小程序新增的拖动组件movable-view使用教程
May 20 Javascript
gulp解决跨域的配置文件问题
Jun 08 Javascript
bootstrap select下拉搜索插件使用方法详解
Nov 23 Javascript
Cordova(ionic)项目实现双击返回键退出应用
Sep 17 Javascript
ES6中new Function()语法及应用实例分析
Feb 19 Javascript
Javascript异步执行不按顺序解决方案
Apr 30 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文件中是否含有bom的函数
2012/05/31 PHP
php中常见的sql攻击正则表达式汇总
2014/11/06 PHP
thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法
2015/05/21 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
Javascript 函数中的参数使用分析
2010/03/27 Javascript
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
2013/12/13 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
javascript文本模板用法实例
2015/07/31 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
JS键盘版计算器的制作方法
2016/12/03 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
2017/09/03 Javascript
微信小程序带动画弹窗组件使用方法详解
2018/11/27 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
2019/06/10 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
JavaScript图像放大镜效果实现方法详解
2020/06/28 Javascript
Vue3不支持Filters过滤器的问题
2020/09/24 Javascript
vue video和vue-video-player实现视频铺满教程
2020/10/30 Javascript
[02:39]DOTA2英雄基础教程 天怒法师
2013/11/29 DOTA
python实现的重启关机程序实例
2014/08/21 Python
编写简单的Python程序来判断文本的语种
2015/04/07 Python
python开发简易版在线音乐播放器
2017/03/03 Python
python 连接sqlite及简单操作
2017/06/30 Python
用Python实现随机森林算法的示例
2017/08/24 Python
Python中scatter函数参数及用法详解
2017/11/08 Python
深入浅析python 中的匿名函数
2018/05/21 Python
python实现求特征选择的信息增益
2018/12/18 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
PyCharm无法引用自身项目解决方式
2020/02/12 Python
python3使用Pillow、tesseract-ocr与pytesseract模块的图片识别的方法
2020/02/26 Python
python日志通过不同的等级打印不同的颜色(示例代码)
2021/01/13 Python
几个SQL的面试题
2014/03/08 面试题
军训自我鉴定100字
2014/02/13 职场文书
服务之星事迹材料
2014/05/03 职场文书
2015元旦主持词开场白和结束语
2014/12/14 职场文书
结婚十年感言
2015/07/31 职场文书