jquery的验证插件jquery.validate.js使用总结

总结：

1.jQueryvaidate Form表单的验证

一.下载jquery表单验证插件
地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation/]http://bassistance.de/jquery-plugins/jquery-plugin-validation/

API:http://docs.jquery.com/Plugins/Validation]http://docs.jquery.com/Plugins/Validation

.使用方法
1)首先在页面head引入jquery.js和jquery.vaidate.js

1. <script type=”text/javascript” src=”js/jquery.js”></script>
2. <script type=”text/javascript” src=”jquery.validate.js”></script>

2)验证方法
a)在需要验证的表单元素中加class=”验证规则”,如下:

1. <input type=”text” name=”txt” class=”required” />
2. <input type=”text” name=”txt1″ class=”{required:true,minlength:5}” />

规则说明:required:true 必填
minlength:最小长度
maxlength:最大长度
rangelength: [3,10] 长度介于 3 和 {1} 之间的字符串
range:[100,1000] 只能是100和 1000 之间的值”
min:最小值
max:最大值
email:true  验证邮箱
url:true 验证是否是合法的网址
date:true 验证是否是合法的日期 new Date() 类型格式
dateISO:true 验证是否是合法的日期 年/月/日 或 年-月-日 格式
number:true 验证是否是合法的数字
digits:true 验证是否为整数
creditcard: 验证合法的信用卡号
equalTo:”要匹配的元素” 如:’#cnfpass’ ,  验证两次输入值是否相同
accept: “gif|png|jpg”  验证是否是合法后缀名的字符串
remote:’url’  远程验证输入的值是否合法 url是返回true验证成功,false验证失败
这些是插件中提供的验证规则,插件中还提供了增加规则的方法,可以来增加一些我们自己规则

 

参考网址: http://blog.v-mus.com/archives/42 

 

2.[jQuery]使用jQuery.Validate进行客户端验证（高级篇-上）——不使用微软验证控件的理由

链接路径：http://www.cnblogs.com/kyo-yo/archive/2010/07/05/Use-jQuery-Validate-To-Being-Client-Validate-High-1.html

 

3. [jQuery]使用jQuery.Validate进行客户端验证（高级篇-下）——不使用微软验证控件的理由

链接路径：http://www.cnblogs.com/kyo-yo/archive/2010/07/06/Use-jQuery-Validate-To-Being-Client-Validate-High-2.htmls

 

4. 利用jquery.validate异步验证用户名是否存在

http://www.cnblogs.com/Jaylong/archive/2011/04/28/Jquery.html 

 

5.  JQuery常用方法一览

http://topic.youkuaiyun.com/u/20100201/16/d6e5cab1-5b22-43c6-9f6b-e2700eb40ff5.html