javascript驗(yàn)證手機(jī)號(hào)和實(shí)現(xiàn)星號(hào)(*)代替實(shí)例
更新時(shí)間：2016年08月16日 11:37:04 投稿：daisy
在我們?nèi)粘ｉ_(kāi)發(fā)中經(jīng)常要驗(yàn)證客戶輸入的手機(jī)號(hào)是否正確，有的時(shí)候還需要將中間的四位或者前幾位用星號(hào)(*)代替，那該如何實(shí)現(xiàn)呢？下面跟著小編一起來(lái)看看。
一、JavaScript替換手機(jī)號(hào)中間4位
// 匹配手機(jī)號(hào)首尾，以類(lèi)似“123****8901”的形式輸出
'12345678901'.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
示例
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
<script type="text/javascript">
var phone='12345678901';
var dh=phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
alert (dh);
</script>
</head>
<body>
</body>
</html>
注意：此段正則匹配字符串中的連續(xù)11位數(shù)字，替換中間4位為*號(hào)，輸出常見(jiàn)的隱匿手機(jī)號(hào)的格式。如果要僅得到末尾4位，則可以改成如下形式：
二、JavaScript替換手機(jī)號(hào)前7位
// 匹配連續(xù)11位數(shù)字，并替換其中的前7位為*號(hào)
'15110280327'.replace(/\d{7}(\d{4})/, '*******$1');
示例
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無(wú)標(biāo)題文檔</title>
<script type="text/javascript">
var phone='12345678901';
var dh=phone.replace(/\d{7}(\d{4})/, '*******$1');
alert (dh);
</script>
</head>
<body>
</body>
</html>
補(bǔ)充注釋?zhuān)?/strong>正則表達(dá)式中的括號(hào)即可用于分組，同時(shí)也用于定義子模式串，在replace()方法中，參數(shù)二中可以使用$n(n為數(shù)字)來(lái)依次引用模式串中用括號(hào)定義的字串。
三、JavaScript手機(jī)驗(yàn)證以及隱藏手機(jī)號(hào)碼中間四位綜合實(shí)例
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>js手機(jī)號(hào)碼驗(yàn)證以及隱藏中間四位數(shù)字</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input type="text" id="myText">
<p>js手機(jī)驗(yàn)證以及隱藏手機(jī)號(hào)碼中間四位</p>
<input type="button" value="提交" id="subBtn">
<script type='text/javascript'>
$(function(){
$("#subBtn").click(function(){
if($("#myText").val()==""){
alert("手機(jī)號(hào)碼不能為空")
}else{
if(iphoneCheck(myText)){
alert("提交成功");
var phone=$("#myText").val();
var myphone=phone.substr(3,4);
//alert(myphone)
var lphone=phone.replace(myphone,"****");
$("#myText").val(lphone);
}else{
alert("請(qǐng)輸入正確的手機(jī)號(hào)碼")
}
}
function iphoneCheck(id){
var temp=document.getElementById("myText");
var re=/^[1][34587]\d{9}$/;//手機(jī)號(hào)碼驗(yàn)證正則表達(dá)式
if(re.test(temp.value)){
return true;
}else{
return false;
}
}
});
});
</script>
</body>
</html>
總結(jié)
以上就是javascript驗(yàn)證手機(jī)號(hào)與實(shí)現(xiàn)星號(hào)(*)代替效果的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家日常使用JavaScript能有所幫助。
相關(guān)文章
本篇文章主要介紹了詳解webpack多頁(yè)面配置記錄，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
javascript 事件查詢(xún)綜合,需要的朋友可以參考下。2010-03-03
這篇文章主要介紹了JavaScript常用小技巧小結(jié),需要的朋友可以參考下2014-12-12
css transform 3D幻燈片特效實(shí)現(xiàn)步驟解讀
3D幻燈片特效想必大家以不在陌生至于表現(xiàn)形式一般都是拘泥于傳統(tǒng)接下來(lái)為大家介紹下使用css3 transform配合js以及html實(shí)現(xiàn)3D幻燈片特效2013-03-03
javascript解析ajax返回的xml和json格式數(shù)據(jù)實(shí)例詳解
這篇文章主要介紹了javascript解析ajax返回的xml和json格式數(shù)據(jù),結(jié)合實(shí)例形式詳細(xì)分析了JS ajax調(diào)用及返回值中xml與json格式數(shù)據(jù)的處理技巧,需要的朋友可以參考下2017-01-01
JS定時(shí)器如何實(shí)現(xiàn)提交成功提示功能
這篇文章主要介紹了JS定時(shí)器如何實(shí)現(xiàn)提交成功提示功能,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
靜態(tài)頁(yè)面的值傳遞(三部曲)...2006-09-09
javascript或asp實(shí)現(xiàn)的判斷身份證號(hào)碼是否正確兩種驗(yàn)證方法
在網(wǎng)頁(yè)中經(jīng)常需要輸入正確的身份證號(hào)碼，只能通過(guò)程序來(lái)驗(yàn)證身份證格式。根據(jù)身份證號(hào)碼生成的原理，就是驗(yàn)證后面幾位就可以了。2009-11-11
本文給大家談一下如何優(yōu)化async代碼，更充分的利用異步事件流杜絕濫用async，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-05-05
js彈出層永遠(yuǎn)居中實(shí)現(xiàn)思路及代碼
彈出層永遠(yuǎn)居中的方法有很多，在本文為大家詳細(xì)介紹下使用js是如何輕松實(shí)現(xiàn)的，喜歡的朋友可以參考下2013-11-11