一个可以基于Ajax提交的表单验证

======================================================
注：本文源代码点此下载
======================================================

最近在做一个项目是ajax异步提交的,在网上找了许多表单验证的插件发现都是基于按钮的submit行为的,只好自己写验证了,写完之后又简单改了一下,写成了jquery的一个插件,以方便以后使用。现在拿出来给大家分享一下,我是个新手,里面还有很多的不足之处,希望大家帮我指出来,再进行改正。

这个插件主要是用jquery写的,结合正则表达式实现验证规则。

使用方法:

首先导入jquery1.3.1.js和validate.js两个脚本文件,后者是我写的验证插件只有3kb大小。

1.确定你想验证的规则写出相应的正则表达式

2.给需要验证的文本框加入一个属性“reg”,将你想实现的正则式赋给这个属性。

再加入一个属性“errormsg”,定义你的错误信息,可以将错误信息显示在后面。

3.在要验证的文本框后面加一个空标签(用于显示错误提示和信息),必须紧跟文本框后,

且只能加一个。

4.给要引发验证的按钮添加一个属性“issubmit”,给定ture和false两个值,用来决定是否进行异步提交,

如果要异步提交,就设置成false,默认情况下是true;

5.如果是异步提交的话,必须给定发送数据的方法,这个方法名必须是btnsenddata,并且不用手动调用

这个方法,插件会自动帮你调用的。

实现效果:

当你输入不正确的表达式时,失去焦点后会在文本框的后面显示错误的图标和错误信息,

输入正确的时候,显示一个正确的图标。

点击按钮有同样的效果,且阻止你提交数据。

如图:

附上源码,里面有详细的使用方法和注意事项。

/files/happy-xiaobai/validatesample.rar

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/