jquery.quick-validate 表单验证支持ajax验证

2012-04-23 17:35 前端狂奔的蜗牛

```html
####################本插件的表单验证功能######################
使用方法：
1、$.validate();                //对页面内的所有表单进行验证
2、$.validate("#myform");       //对id为myform的表单进行验证
3、$.validate(success);         //对页面内的所有表单进行验证，并为每个表单绑定验证通过时的回调函数success
4、$.validate({                 //对id为myform的表单进行验证，并绑定验证通过时的回调函数success，如果函数success返回false可以阻止表单提交
           target:"#myform",
           success:mysuccess
     });
-------------------------参数说明：------------------------------

success:是表单验证通过之后，提交表单之前执行的函数，如果函数返回false可以阻止表单提交。
target: 是表单选择符,默认是所有表单即 form

------------------------- 提示 -----------------------------------

当验证失败时，会自动阻止表单的提交。

^^^^^^^^^^^^^^^^^^^^^^^^^^^ 一、普通验证 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
普通验证会用元素reg属性里面的正则表达式去验证元素的value值

例如：
<input type="text" reg="^\d+$"  tip="必须是数字" name="user">

^^^^^^^^^^^^^^^^^^^^^^^^^ 二、ajax验证 说明^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
一、直接ajax验证

当元素指定url属性时例如：
<input type="text"  url="validate.php" tip="信息1" name="user">
那么当该输入框失去焦点后：
1、插件会对输入框的value进行encodeURI编码以兼容中文
2、接着以get方式请求validate.php?user=输入框的值，user是输入框的name属性
3、如果validate.php返回success则该项验证通过，如果不是success是其它信息，
   那么信息就会做为输入框的tip来提示用户。
   
二、先普通普通验证，普通验证通过再进行ajax验证。

当元素同时指定reg和url属性时，例如：
<input type="text" reg="^\d+$" url="validate.php" tip="必须是数字" name="user">
那么当该输入框失去焦点后,先进行普通普通验证，普通验证通过后再进行ajax验证。
过程同上。

^^^^^^^^^^^^^^^^^^^^^^^^^ 三、非必须验证 说明^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
上面的 “普通验证” 和 “ajax验证”都是必须验证，即必须输入而且要格式正确。

但是我们经常有些输入项不是必须的，而且当非必须项一旦输入了就要进行验证，

上面的必须验证是不能做到的，那么只要给元素加个require="false"属性即可，
例如：
1、<input type="text"  url="validate.php" require="false" tip="信息1" name="user">
2、<input type="text" reg="^\d+$" url="validate.php" require="false" tip="必须是数字" name="user">

####################本插件的tip提示功能######################
示例：
js部分：
$.validate(".tip");

html部分：
<div class="tip" tip="这是一个提示">鼠标移过来试试</div>

####################兼容性说明######################
本插件在firefox chrome ie8等主流浏览器下运行正常。
由于ie6 ie7的问题,本插件在ie6 ie7下提示功能不能正常实现，
不得已，在ie6 ie7下提示改为title提示。

####################关于本插件##########################
本插件是在easyvalidate.js的基础上经过改造而来的，功能比原来更强，
使用和定制更人性化。
修改者：狂奔的蜗牛 交流QQ：672308444
个人小站：http://coder.byorby.com
最后修改于：2011.6.15

插件下载：(内含详细demo)
https://www.box.com/s/bdb35a0e6e57fab5508f
```

作者：狂奔的蜗牛 出处： http://www.host900.com/

本文版权归作者所有，欢迎转载。未经作者同意下，必须在文章页面明显标出原文链接及作者，否则保留追究法律责任的权利。

如果您认为这篇文章还不错或者有所收获，可以分享给您的小伙伴，因为你的支持是我继续写作，分享的最大动力！

上一篇jquery ajax队列管理插件

下一篇jquery-loadmask-0.4[蜗牛修改版]