快捷導(dǎo)航

js驗(yàn)證手機(jī)號(hào)碼

更新時(shí)間：2017年01月17日 14:33:55 作者：愛(ài)看書(shū)的兜兜

本文主要分享了js驗(yàn)證手機(jī)號(hào)碼的示例代碼，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧

閑來(lái)沒(méi)事，寫(xiě)了一個(gè)小例子，歡迎大家多提寶貴建議~~~

下面講一下手機(jī)號(hào)碼的特征：以1開(kāi)頭，第二位是3,5,7,8,9中的一位，從第三位開(kāi)始是任意數(shù)字，一共有11位

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>手機(jī)號(hào)碼驗(yàn)證</title>
 </head>
 <body>
 Tel:<input type="text" id="tel" placeholder="請(qǐng)輸入你的手機(jī)號(hào)碼" />
 <span id="tel_tip"></span>
 <script type="text/javascript">
 //當(dāng)tel失去焦點(diǎn)的時(shí)候，驗(yàn)證是否是正確的手機(jī)號(hào)碼，如果不是，在tel_tip中提示錯(cuò)誤
 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 = "錯(cuò)誤的手機(jī)號(hào)碼，請(qǐng)重新輸入";
  }else{
   oSpan.style.color = "green";
   oSpan.innerHTML = "正確的手機(jī)號(hào)碼";
  }
  } 
 }
 function isTelephone(tel){
  var p = /^1[35789][0-9]{9}$/;
  return p.test(tel);
 }
 </script>
 </body>
</html>

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Android頁(yè)面中引導(dǎo)蒙層的使用方法詳解
這篇文章主要為大家詳細(xì)介紹了Android頁(yè)面中的引導(dǎo)蒙層使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-03-03
Android中Dialog自定義上下文花式菜單
這篇文章主要為大家詳細(xì)介紹了Android中Dialog自定義上下文花式菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-10-10
Android Activity與Fragment實(shí)現(xiàn)底部導(dǎo)航器
這篇文章主要介紹了Android Activity與Fragment實(shí)現(xiàn)底部導(dǎo)航器的相關(guān)資料,并附實(shí)例代碼，需要的朋友可以參考下
2016-11-11
Android自定義ViewGroup之FlowLayout（三）
這篇文章主要為大家詳細(xì)介紹了Android自定義ViewGroup之FlowLayout，常用于關(guān)鍵字標(biāo)簽，搜索熱詞列表等功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
Android仿微信朋友圈圖片選擇器
這篇文章主要為大家詳細(xì)介紹了Android仿微信朋友圈附加圖片功能，朋友圈圖片選擇器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-12-12
Android使用URL讀取網(wǎng)絡(luò)資源的方法
這篇文章主要為大家詳細(xì)介紹了Android使用URL讀取網(wǎng)絡(luò)資源的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-10-10
Android?中?FrameLayout?布局及屬性的使用詳解
這篇文章主要介紹了Android?中?FrameLayout?布局及屬性的使用,FrameLayout?在實(shí)現(xiàn)簡(jiǎn)單布局時(shí)非常方便,特別適用于疊加式布局,如顯示疊加的圖層或浮動(dòng)按鈕等,需要的朋友可以參考下
2024-03-03
Android實(shí)現(xiàn)控件拖動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)控件拖動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-07-07
深入解析Android中的setContentView加載布局原理
在日常開(kāi)發(fā)Android中setContentView是必不可少的一部分，下面這篇文章主要給大家介紹了關(guān)于Android中setContentView的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)下吧。
2017-09-09
Flutter集成高德地圖并添加自定義Maker的實(shí)踐
本文主要介紹了Flutter集成高德地圖并添加自定義Maker的實(shí)踐，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-04-04