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 相关文章推荐
JavaScript 使用技巧精萃(.net html
Apr 25 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
js实现仿Windows风格选项卡和按钮效果实例
May 13 Javascript
理解javascript定时器中的单线程
Feb 23 Javascript
带有定位当前位置的百度地图前端web api实例代码
Jun 21 Javascript
一个极为简单的requirejs实现方法
Oct 20 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
Nov 30 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
Dec 09 Javascript
jQuery事件委托代码实践详解
Jun 21 jQuery
layui前端时间戳转化实例
Nov 15 Javascript
vue实现前端列表多条件筛选
Oct 26 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设计模式之装饰器模式实例详解
2018/02/07 PHP
javascript 窗口加载蒙板 内嵌网页内容
2010/11/19 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
2013/08/02 Javascript
js文本框输入内容智能提示效果
2015/12/02 Javascript
JavaScript常用本地对象小结
2016/03/28 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
2016/12/26 Javascript
JS闭包用法实例分析
2017/03/27 Javascript
vue + vuex todolist的实现示例代码
2018/03/09 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
在iFrame子页面里实现模态框的方法
2018/08/17 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
js实现右键弹出自定义菜单
2020/09/08 Javascript
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
Python中还原JavaScript的escape函数编码后字符串的方法
2014/08/22 Python
Python实现基于HTTP文件传输实例
2014/11/08 Python
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
Python对象类型及其运算方法(详解)
2017/07/05 Python
浅谈Scrapy框架普通反爬虫机制的应对策略
2017/12/28 Python
python 同时运行多个程序的实例
2019/01/07 Python
Python 实现毫秒级淘宝抢购脚本的示例代码
2019/09/16 Python
Python 开发工具PyCharm安装教程图文详解(新手必看)
2020/02/28 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
Python实现快速大文件比较代码解析
2020/09/04 Python
python基于pygame实现飞机大作战小游戏
2020/11/19 Python
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
Tostadora意大利:定制T恤
2019/04/08 全球购物
学校岗位设置方案
2014/01/16 职场文书
个人查摆剖析材料
2014/10/04 职场文书
机关职员工作检讨书
2014/10/23 职场文书
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL
Python绘画好看的星空图
2022/03/17 Python