作家
登录

JQuery扩展插件Validate 1 基本使用方法并打包下载

作者: 来源:www.28hudong.com 2013-03-30 00:45:08 阅读 我要评论

分别是: <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.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面向对象编程(三) 非构造函数的继承

今天是最后一个部分,介绍不使用构造函数实现"继承"。 一、什么是"非构造函数"的继承? 比如,现在有一个对象,叫做"中国人"。 复制代码 代码如下:   var Chinese = {     nation:'中国'   }; 还有一个对>>>详细阅读


本文标题:JQuery扩展插件Validate 1 基本使用方法并打包下载

地址:http://www.17bianji.com/kaifa2/JS/24217.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)