快捷導(dǎo)航

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

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

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

閑來(lái)沒(méi)事，寫了一個(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 App中的多個(gè)LinearLayout嵌套布局實(shí)例解析
這篇文章主要介紹了Android App中的多個(gè)LinearLayout嵌套布局實(shí)例,利用線性布局來(lái)排列按鈕是安卓應(yīng)用布局中的常用做法,需要的朋友可以參考下
2016-04-04
Android實(shí)現(xiàn)計(jì)時(shí)與倒計(jì)時(shí)的方法匯總
這篇文章主要介紹了Android實(shí)現(xiàn)計(jì)時(shí)與倒計(jì)時(shí)的方法匯總，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下
2017-06-06
Flutter控件之實(shí)現(xiàn)Widget基類的封裝
在實(shí)際的開(kāi)發(fā)中，Widget的基類還是很有必要存在的，不然就會(huì)存在很多的冗余嵌套代碼，本文為大家介紹了Flutter中基類是如何封裝的，需要的可以收藏一下
2023-05-05
Android編程基于Contacts讀取聯(lián)系人的方法(附demo源碼)
這篇文章主要介紹了Android編程基于Contacts讀取聯(lián)系人的方法,實(shí)例分析了Contacts讀取的實(shí)現(xiàn)方法及權(quán)限設(shè)置方法,并附帶了完整實(shí)例供讀者下載參考,需要的朋友可以參考下
2015-12-12
Android如何實(shí)現(xiàn)底部菜單固定到底部
這篇文章主要介紹了Android如何實(shí)現(xiàn)底部菜單固定到底部,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-09-09
安卓逆向騰訊動(dòng)漫app返回?cái)?shù)據(jù)加密分析案例分享
這篇文章主要為大家介紹了安卓逆向騰訊動(dòng)漫app返回?cái)?shù)據(jù)加密分析的案例分享，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步
2022-02-02
Android ListView中動(dòng)態(tài)顯示和隱藏Header&Footer的方法
這篇文章主要介紹了Android ListView中動(dòng)態(tài)顯示和隱藏Header&Footer的方法及footer的兩種正確使用方法，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，對(duì)listview header footer相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-08-08
仿iPhone風(fēng)格對(duì)話框(附件包含例子/jar包/jar包源碼)
這個(gè)對(duì)框完全繼承、仿照AlertDialog，只是實(shí)現(xiàn)了自定義效果;另外，沒(méi)有實(shí)現(xiàn)setIcon，因?yàn)閕phone中的對(duì)話框多數(shù)都沒(méi)有圖標(biāo);附件包含例子、jar包、jar包源碼
2013-01-01
Android編程實(shí)現(xiàn)捕獲程序異常退出時(shí)的錯(cuò)誤log信息功能詳解
這篇文章主要介紹了Android編程實(shí)現(xiàn)捕獲程序異常退出時(shí)的錯(cuò)誤log信息功能,結(jié)合實(shí)例形式分析了Android異常信息捕獲與日志操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-08-08
詳解BadTokenException報(bào)錯(cuò)解決方法
這篇文章主要介紹了BadTokenException報(bào)錯(cuò)的解決方法，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-08-08