首頁 > web前端 > js教程 > javascript判斷一個電話號碼的簡單實例

javascript判斷一個電話號碼的簡單實例

黄舟
發布: 2017-05-25 09:19:36
原創
1973 人瀏覽過

這篇文章主要介紹了javascript簡單寫的判斷電話號碼實例的相關資料,需要的朋友可以參考下

#用javascript簡單寫的判斷電話號碼

   在很多網站註冊的時候,需要我們填寫電話號碼,本來想糊弄一下,但是還不行,一直提示不正確,我去網上搜了很多,正則表達式,發現有很多不對的,

最後寫了一個簡單的,但是比較實用的

   首先是html部分的內容

手机号:<input type="text" class="loginuser" placeholder="请输入您的手机号" id="uid" onblur="checkPhone()" />
        <span id="uidt" style="margin-left: 100px"></span>
登入後複製

span標籤裡面的內容主要是用來寫提示的,例如輸錯了,就會提示您「請輸入正確的手機號碼」   如果輸的正確,就會提示「OK」;

然後就是javascript部分了

 function checkPhone(){
    var phone = document.getElementById(&#39;uid&#39;).value;
    if(!(/^1[34578]\d{9}$/.test(phone))){
      return document.getElementById(&#39;uidt&#39;).innerHTML = &#39;请输入正确的手机号&#39;;
      return false;
    }    else{return document.getElementById(&#39;uidt&#39;).innerHTML = &#39;ok&#39;;}
  }
登入後複製

這樣很簡單的手機號碼驗證就完成了

以上是javascript判斷一個電話號碼的簡單實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板