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 UI-Draggable 参数集合
Jan 10 Javascript
JSQL 批量图片切换的实现代码
May 05 Javascript
CSS(js)限制页面显示的文本字符长度
Dec 27 Javascript
nw.js实现类似微信的聊天软件
Mar 16 Javascript
Backbone.js的一些使用技巧
Jul 01 Javascript
jQuery实现的仿百度分页足迹效果代码
Oct 30 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
Oct 14 Javascript
node.js 和HTML5开发本地桌面应用程序
Dec 13 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
Jan 17 Javascript
JS基于正则表达式实现的密码强度验证功能示例
Sep 21 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
Sep 25 Javascript
JavaScript如何判断对象有某属性
Jul 03 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实现JS中escape与unescape的方法
2016/07/11 PHP
php 生成加密公钥加密私钥实例详解
2017/06/16 PHP
彻底搞懂PHP 变量结构体
2017/10/11 PHP
JavaScript中的Location地址对象
2008/01/16 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
2013/11/12 Javascript
jsp网页搜索结果中实现选中一行使其高亮
2014/02/17 Javascript
jQuery判断对象是否存在的方法
2015/02/05 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
简单的渐变轮播插件
2017/01/12 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
2019/08/17 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法
2020/07/20 Javascript
element中Steps步骤条和Tabs标签页关联的解决
2020/12/08 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
推荐11个实用Python库
2015/01/23 Python
Python中函数的多种格式和使用实例及小技巧
2015/04/13 Python
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
python使用threading获取线程函数返回值的实现方法
2017/11/15 Python
Python元组及文件核心对象类型详解
2018/02/11 Python
Python3.5基础之变量、数据结构、条件和循环语句、break与continue语句实例详解
2019/04/26 Python
python scrapy爬虫代码及填坑
2019/08/12 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
Python函数基本使用原理详解
2020/03/19 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
华丽的手绘陶瓷:MacKenzie-Childs
2017/02/04 全球购物
校领导推荐信
2013/11/01 职场文书
十岁生日父母答谢词
2014/01/18 职场文书
KTV的创业计划书范文
2014/02/02 职场文书
精彩广告词大全
2014/03/19 职场文书
医生见习报告范文
2014/11/03 职场文书
个人年终总结开头
2015/03/06 职场文书
一百条裙子读书笔记
2015/07/01 职场文书
大学生饮品店创业计划书范文
2019/07/10 职场文书
用Python实现屏幕截图详解
2022/01/22 Python