1. 程式人生 > >【jQuery學習----表單驗證】簡單的EasyValidator驗證框架

【jQuery學習----表單驗證】簡單的EasyValidator驗證框架

一個簡單實用的EasyValidator驗證框架。

說明:由於本人下載的版本是舊的版本,所以驗證的效果和上面的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>

三、效果圖

本人做的例子的效果圖:


最新官方效果圖: