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 相关文章推荐
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
IE8 chrome中table隔行换色解决办法
Jul 09 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
Mar 10 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
Sep 01 Javascript
手机号码,密码正则验证
Sep 04 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
Centos7 中 Node.js安装简单方法
Nov 02 Javascript
代码详解javascript模块加载器
Mar 04 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
Mar 13 Javascript
在小程序开发中使用npm的方法
Oct 17 Javascript
小程序实现背景音乐播放和暂停
Jun 19 Javascript
vue项目配置sass及引入外部scss文件
Apr 14 Vue.js
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
留言板翻页的实现详解
2006/10/09 PHP
php中serialize序列化与json性能测试的示例分析
2013/04/27 PHP
PHP中使用CURL模拟登录并获取数据实例
2014/07/01 PHP
利用php_imagick实现复古效果的方法
2016/10/18 PHP
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
2011/10/12 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
2013/07/28 Javascript
javascript数组操作方法小结和3个属性详细介绍
2014/07/05 Javascript
js一维数组、多维数组和对象的混合使用方法
2016/04/03 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
2018/07/04 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
2019/04/26 Javascript
基于vue手写tree插件的那点事儿
2019/08/20 Javascript
使用python编写脚本获取手机当前应用apk的信息
2014/07/21 Python
简析Python的闭包和装饰器
2016/02/26 Python
python脚本作为Windows服务启动代码详解
2018/02/11 Python
python实现linux下抓包并存库功能
2018/07/18 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
对python中Json与object转化的方法详解
2018/12/31 Python
pytorch中的embedding词向量的使用方法
2019/08/18 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
美国最顶级的精品店之一:Hampden Clothing
2016/12/22 全球购物
SmartBuyGlasses德国:购买太阳镜和眼镜
2019/08/20 全球购物
函数指针的定义是什么
2016/08/14 面试题
管理学专业个人求职信范文
2013/12/13 职场文书
2015年社区卫生工作总结
2015/04/21 职场文书
2015初中政教处工作总结
2015/07/21 职场文书
详解MySQL 用户权限管理
2021/04/20 MySQL
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python
详解Java实践之适配器模式
2021/06/18 Java/Android
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers