【jQuery学习----表单验证】简单的EasyValidator验证框架

一个简单实用的EasyValidator验证框架。

详细参考：http://wangking717.iteye.com/blog/769021

DEMO演示：http://easyvalidator.googlecode.com/svn/trunk/index.html

最新下载地址：http://code.google.com/p/easyvalidator/downloads/list

说明：由于本人下载的版本是旧的版本，所以验证的效果和上面的DEMO演示的效果不一样。

一、所需文件

1、validate.css

2、jquery.js（自行选择版本）

3、validate.pack.js

把以上3个文件导入到JSP页面中。

二、如何使用

表单代码：

<form action="">
<table>
<tr>
<td align="right">用户名：</td>
<td><input type="text" name="username" id="username" reg="^[a-zA-Z][a-zA-Z0-9_]{4,15}$"/><span name="easyTip">(字母开头，允许5-16字节，允许字母数字下划线)</span></td>
</tr>
<tr>
<td align="right">密  码：</td>
<td><input type="text" name="password" id="password" reg="^[a-zA-Z][a-zA-Z0-9]{5,15}$"/><span name="easyTip">(以字母开头，长度在6-18之间)</span></td>
</tr>

</table>

</form>

三、效果图

本人做的例子的效果图：

最新官方效果图：

官方最新版本效果我已经和jqModal模态窗口进行了结合体验，文章地址是：http://blog.youkuaiyun.com/huchiwei/article/details/6829970