【jQuery學習----表單驗證】簡單的EasyValidator驗證框架
阿新 • • 發佈:2019-01-25
一個簡單實用的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>
三、效果圖
本人做的例子的效果圖:
最新官方效果圖: