js驗證手機號碼
更新時間：2017年01月17日 14:33:55 作者：愛看書的兜兜
本文主要分享了js驗證手機號碼的示例代碼，具有一定的參考價值，下面跟著小編一起來看下吧
閑來沒事，寫了一個小例子，歡迎大家多提寶貴建議~~~
下面講一下手機號碼的特征：以1開頭，第二位是3,5,7,8,9中的一位，從第三位開始是任意數(shù)字，一共有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">
//當(dāng)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>
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Android頁面中的引導(dǎo)蒙層使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-03-03
這篇文章主要為大家詳細(xì)介紹了Android中Dialog自定義上下文花式菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
Android Activity與Fragment實現(xiàn)底部導(dǎo)航器
這篇文章主要介紹了Android Activity與Fragment實現(xiàn)底部導(dǎo)航器的相關(guān)資料,并附實例代碼，需要的朋友可以參考下2016-11-11
Android自定義ViewGroup之FlowLayout（三）
這篇文章主要為大家詳細(xì)介紹了Android自定義ViewGroup之FlowLayout，常用于關(guān)鍵字標(biāo)簽，搜索熱詞列表等功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要為大家詳細(xì)介紹了Android仿微信朋友圈附加圖片功能，朋友圈圖片選擇器，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
Android使用URL讀取網(wǎng)絡(luò)資源的方法
這篇文章主要為大家詳細(xì)介紹了Android使用URL讀取網(wǎng)絡(luò)資源的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
Android?中?FrameLayout?布局及屬性的使用詳解
這篇文章主要介紹了Android?中?FrameLayout?布局及屬性的使用,FrameLayout?在實現(xiàn)簡單布局時非常方便,特別適用于疊加式布局,如顯示疊加的圖層或浮動按鈕等,需要的朋友可以參考下2024-03-03
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)控件拖動效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-07-07
深入解析Android中的setContentView加載布局原理
在日常開發(fā)Android中setContentView是必不可少的一部分，下面這篇文章主要給大家介紹了關(guān)于Android中setContentView的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)下吧。2017-09-09
本文主要介紹了Flutter集成高德地圖并添加自定義Maker的實踐，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04