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插件 cluetip 关键词注释
Jan 12 Javascript
javascript对象之内置对象Math使用方法
Apr 16 Javascript
关于JavaScript中var声明变量作用域的推断
Dec 16 Javascript
js弹出的对话窗口永远保持居中显示
Dec 15 Javascript
节点的插入之append()和appendTo()的用法介绍
Jan 13 Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
Aug 17 Javascript
TinyMCE汉化及本地上传图片功能实例详解
May 31 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
Jun 04 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
Vue $emit $refs子父组件间方法的调用实例
Sep 12 Javascript
vuex页面刷新后数据丢失的方法
Jan 17 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和ACCESS写聊天室(二)
2006/10/09 PHP
Warning: session_destroy() : Trying to destroy uninitialized sessionq错误
2011/06/16 PHP
url decode problem 解决方法
2011/12/26 PHP
PHP实现发送邮件的方法(基于简单邮件发送类)
2015/12/17 PHP
浅析Yii2缓存的使用
2016/05/10 PHP
wordpress网站转移到本地运行测试的方法
2017/03/15 PHP
ThinkPHP 3.2.3实现页面静态化功能的方法详解
2017/08/03 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
使用PHPUnit进行单元测试并生成代码覆盖率报告的方法
2019/03/08 PHP
简单的php购物车代码
2020/06/05 PHP
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
2013/04/02 Javascript
Jquery实现自定义tooltip示例代码
2014/02/12 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
2016/02/29 Javascript
axios基本入门用法教程
2017/03/25 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
vue权限路由实现的方法示例总结
2018/07/29 Javascript
使用Angular material主题定义自己的组件库的配色体系
2019/09/04 Javascript
解决layui动态添加的元素click等事件触发不了的问题
2019/09/20 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
简单介绍Python中的readline()方法的使用
2015/05/24 Python
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2017/09/05 Python
详谈Python3 操作系统与路径 模块(os / os.path / pathlib)
2018/04/26 Python
Python 3.8中实现functools.cached_property功能
2019/05/29 Python
python增加图像对比度的方法
2019/07/12 Python
基于python实现MQTT发布订阅过程原理解析
2020/07/27 Python
波兰珠宝品牌:YES
2019/08/09 全球购物
Structs界面控制层技术
2013/10/11 面试题
高中生自我鉴定范文
2013/10/30 职场文书
幼儿园老师辞职信
2014/01/20 职场文书
最新大学生创业计划书写作攻略
2014/04/02 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
2014年党员整改措施
2014/10/24 职场文书
《山中访友》教学反思
2016/02/24 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
详解Android中的TimePickerView(时间选择器)的用法
2022/04/30 Java/Android