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

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

详细参考：/article/4190530.html

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

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

一、所需文件

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.csdn.net/huchiwei/article/details/6829970