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


版权声明:本文为huchiwei原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。