js正則表達式驗證(化繁為簡)


以前用js寫正則表達式驗證,每一個文本框后面都要添加一個onblur函數,驗證的信息少,也沒體會到有多繁瑣,這次項目中的頁面比較多,頁面中的信息也比較多,如果每個文本框都加一個驗證函數的話,js驗證代碼將會很長,很繁瑣。

既然是函數,就可以傳參數,這樣的話,只需要一個驗證函數就可以完成所有的信息驗證了。

1、首先新建一個js文件validate.js

1 function validate(o,regex,backInfo){
2 if(o.value != "" && !regex.test(o.value)){
3 alert(backInfo);
4 o.value="";
5 o.focus();
6 }
7 }

參數解釋:

o:文本框(標簽)對象;

regex:是正則表達式;

backInfo:是輸入不符合條件時返回的錯誤信息。

2、在頁面中引入validate.js

在onblur函數中調用

<input type="text" id="userName" name="username"
onblur
="validate(this,regex=/正則表達式/,backInfo='錯誤信息')" placeholder="默認提示信息">

例:

<input type="text" id="userAmount" name="userAmount"
onblur
="validate(this,regex=/^\d+$/,backInfo='輸入錯誤')" placeholder="請輸入整數">

代碼比之前簡潔了許多,易於修改,只要在需要做驗證的頁面引入js並添加相應的函數即可,

現在只需要填入相應的正則表達式就可以了。

 

對js了解不多,有好的方法,歡迎批評指點。

 


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com