现在的位置: 首页 > 综合 > 正文

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

2013年10月08日 ⁄ 综合 ⁄ 共 816字 ⁄ 字号 评论关闭

一个简单实用的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

抱歉!评论已关闭.