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

Easyui技术学习，更多知识请访问https://www.itkc8.com

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

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

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>

 

三、效果图

本人做的例子的效果图：

 

最新官方效果图：

Easyui技术学习，更多知识请访问https://www.itkc8.com

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