閑來沒事,寫了一個小例子,歡迎大家多提寶貴建議~~~
下面講一下手機號碼的特征:以1開頭,第二位是3,5,7,8,9中的一位,從第三位開始是任意數字,一共有11位
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>手機號碼驗證</title> </head> <body> Tel:<input type="text" id="tel" placeholder="請輸入你的手機號碼" /> <span id="tel_tip"></span> <script type="text/javascript"> //當tel失去焦點的時候,驗證是否是正確的手機號碼,如果不是,在tel_tip中提示錯誤 window.onload=function(){ var oTel = document.getElementById("tel"); oTel.onblur = function(){ var isTel = isTelephone(oTel.value); var oSpan = document.getElementById("tel_tip"); if(!isTel){ oSpan.style.color = "red"; oSpan.innerHTML = "錯誤的手機號碼,請重新輸入"; }else{ oSpan.style.color = "green"; oSpan.innerHTML = "正確的手機號碼"; } } } function isTelephone(tel){ var p = /^1[35789][0-9]{9}$/; return p.test(tel); } </script> </body></html>以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持武林網!
新聞熱點
疑難解答