看了山人表單驗證,又看了其他一些驗證程序和相關的一些參考資料,寫出了一個比較簡潔的js表單驗證程序。
功能簡述:
驗證:
特點
編寫思路:
整個程序的結構及較簡單,為了能夠驗證一些常用的格式,先對js的內置對象進行了擴展。比如:
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初始化的時候,會檢查添加好的驗證規則,并將要驗證的表單控件對象擴展,添加validate() 和 validlength()兩個函數,并且添加onblur事件來進行驗證。
出錯提示采用的建立div對象的方法,出錯就顯示,正確就隱藏。所以還需要給div定義一個樣式。
使用前需要指定表單的id 注意是id不是name 要不然會出錯,而規則添加的時候要指定的是表單控件的name屬性不是id
新聞熱點
疑難解答