看了山人表單驗(yàn)證,又看了其他一些驗(yàn)證程序和相關(guān)的一些參考資料,寫出了一個比較簡潔的js表單驗(yàn)證程序。
功能簡述:
驗(yàn)證:
特點(diǎn)
編寫思路:
整個程序的結(jié)構(gòu)及較簡單,為了能夠驗(yàn)證一些常用的格式,先對js的內(nèi)置對象進(jìn)行了擴(kuò)展。比如:
String.prototype.isUrl = function(){
var url = /^http:////[A-Za-z0-9]+/.[A-Za-z0-9]+[//=/?%/-&_~`@[/]/':+!]*([^<>/"/"])*$/;
var tmpStr = this;
return url.test(tmpStr);
}
這個用來驗(yàn)證http地址。
然后寫了一個對象叫做vform 包含了主要的功能,vform初始化的時候,會檢查添加好的驗(yàn)證規(guī)則,并將要驗(yàn)證的表單控件對象擴(kuò)展,添加validate() 和 validlength()兩個函數(shù),并且添加onblur事件來進(jìn)行驗(yàn)證。
出錯提示采用的建立div對象的方法,出錯就顯示,正確就隱藏。所以還需要給div定義一個樣式。
使用前需要指定表單的id 注意是id不是name 要不然會出錯,而規(guī)則添加的時候要指定的是表單控件的name屬性不是id
新聞熱點(diǎn)
疑難解答