|
看了山人表單驗證，又看了其他一些驗證程序和相關(guān)的一些參考資料，寫出了一個比較簡潔的js表單驗證程序。
功能簡述：
驗證：
- http地址
- 時間日期
- e-mail
- 數(shù)字
- 字符長度檢查
- 一項輸入與另一項輸入比較（例如：密碼的確認輸入）
- 大小比較（只能有一個比較符號）
特點
- 擴展容易，可以方便的添加自己需要的驗證方式
- 兼容性好（ie5,6 firefox,oprea）
- 可用性好，沒有使用alert()來彈出提示
編寫思路：
整個程序的結(jié)構(gòu)及較簡單，為了能夠驗證一些常用的格式，先對js的內(nèi)置對象進行了擴展。比如：
String.prototype.isUrl = function(){
var url = /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/;
var tmpStr = this;
return url.test(tmpStr);
}
這個用來驗證http地址。
然后寫了一個對象叫做vform 包含了主要的功能，vform初始化的時候，會檢查添加好的驗證規(guī)則，并將要驗證的表單控件對象擴展，添加validate() 和 validlength()兩個函數(shù)，并且添加onblur事件來進行驗證。
出錯提示采用的建立div對象的方法，出錯就顯示，正確就隱藏。所以還需要給div定義一個樣式。
使用前需要指定表單的id 注意是id不是name 要不然會出錯，而規(guī)則添加的時候要指定的是表單控件的name屬性不是id
出處：藍色理想
責任編輯：moby
上一頁 下一頁 簡潔的表單驗證程序 [1]
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 簡潔的表單驗證程序 [1]
第 2 頁 
