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 相关文章推荐
很可爱的输入框
Aug 03 Javascript
Javascript学习笔记-详解in运算符
Sep 13 Javascript
Jquery attr(&quot;checked&quot;) 返回checked或undefined 获取选中失效
Oct 10 Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 Javascript
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
Nov 09 Javascript
在web中js实现类似excel的表格控件
Sep 01 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
Mar 15 Javascript
Vue中的无限加载vue-infinite-loading的方法
Apr 08 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
Mar 07 Javascript
JavaScript实现串行请求的示例代码
Sep 14 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脚本的10个技巧(8)
2006/10/09 PHP
PHP的swoole扩展安装方法详细教程
2016/05/18 PHP
PHP使用PDO、mysqli扩展实现与数据库交互操作详解
2019/07/20 PHP
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
从阶乘函数对比Javascript和C#的异同
2012/05/31 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
2013/09/06 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
使用Node.js给图片加水印的方法
2016/11/15 Javascript
bootstrap精简教程_动力节点Java学院整理
2017/07/14 Javascript
从零开始搭建webpack+react开发环境的详细步骤
2018/05/18 Javascript
element-ui中select组件绑定值改变,触发change事件方法
2018/08/24 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
pageGroup.js实现分页功能
2019/07/27 Javascript
[00:33]2016完美“圣”典风云人物:Sccc宣传片
2016/12/03 DOTA
Python实现把回车符\r\n转换成\n
2015/04/23 Python
使用sklearn之LabelEncoder将Label标准化的方法
2018/07/11 Python
python的concat等多种用法详解
2018/11/28 Python
​如何愉快地迁移到 Python 3
2019/04/28 Python
记录Python脚本的运行日志的方法
2019/06/05 Python
Python数据库小程序源代码
2019/09/15 Python
利用Python绘制有趣的万圣节南瓜怪效果
2019/10/31 Python
python离线安装外部依赖包的实现
2020/02/13 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
Spartoo西班牙官网:法国时尚购物网站
2018/03/27 全球购物
法国滑雪假期的专家:Ski Planet
2019/11/02 全球购物
什么是方法的重载
2013/06/24 面试题
互联网创业计划书的书写步骤
2014/01/28 职场文书
《长江之歌》教学反思
2014/04/17 职场文书
大班上学期个人总结
2015/02/13 职场文书
小学公民道德宣传日活动总结
2015/03/23 职场文书
毕业论文答辩开场白和答辩技巧
2015/05/27 职场文书
地道战观后感2000字
2015/06/04 职场文书
讲解MySQL增删改操作
2022/05/06 MySQL