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

http://taskcn.blog. 163.com/

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

分别是script src=". ./Contents/JS/jquery-1.5. js" type="text/javascript"/scriptscript src=". ./Contents/JS/jquery.validate.min. js"type="text/javascript" /script

1、基本使用方法通过样式设置验证规则

复制代码代码如下:script type="text/javascript"

$(function() { $("#signupForm") .validate() ; } ) ; //验证所选择的表单/scriptplabel for="email" Email /labelinput id="email" name="email" /

!--该项表示电子邮箱是必填的且是正确的email--

/pplabel for="txtAge"年龄/labelinput 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只验证格式不验证有效性http://taskcn.blog. 163.com/

http://taskcn.blog. 163.com/

(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输入值不能小于10http://taskcn.blog. 163.com/