javascript验证手机号和实现星号(*)代替实例
更新时间：2016年08月16日 11:37:04 投稿：daisy
在我们日常开发中经常要验证客户输入的手机号是否正确，有的时候还需要将中间的四位或者前几位用星号(*)代替，那该如何实现呢？下面跟着小编一起来看看。
一、JavaScript替换手机号中间4位
// 匹配手机号首尾，以类似“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>无标题文档</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>
注意：此段正则匹配字符串中的连续11位数字，替换中间4位为*号，输出常见的隐匿手机号的格式。如果要仅得到末尾4位，则可以改成如下形式：
二、JavaScript替换手机号前7位
// 匹配连续11位数字，并替换其中的前7位为*号
'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>无标题文档</title>
<script type="text/javascript">
var phone='12345678901';
var dh=phone.replace(/\d{7}(\d{4})/, '*******$1');
alert (dh);
</script>
</head>
<body>
</body>
</html>
补充注释：正则表达式中的括号即可用于分组，同时也用于定义子模式串，在replace()方法中，参数二中可以使用$n(n为数字)来依次引用模式串中用括号定义的字串。
三、JavaScript手机验证以及隐藏手机号码中间四位综合实例
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>js手机号码验证以及隐藏中间四位数字</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input type="text" id="myText">
<p>js手机验证以及隐藏手机号码中间四位</p>
<input type="button" value="提交" id="subBtn">
<script type='text/javascript'>
$(function(){
$("#subBtn").click(function(){
if($("#myText").val()==""){
alert("手机号码不能为空")
}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("请输入正确的手机号码")
}
}
function iphoneCheck(id){
var temp=document.getElementById("myText");
var re=/^[1][34587]\d{9}$/;//手机号码验证正则表达式
if(re.test(temp.value)){
return true;
}else{
return false;
}
}
});
});
</script>
</body>
</html>
总结
以上就是javascript验证手机号与实现星号(*)代替效果的全部内容，希望本文的内容对大家日常使用JavaScript能有所帮助。
相关文章
jquery ajax应用中iframe自适应高度问题解决方法
很多管理系统中，都使用iframe进行信息内容的展示方式，或者作为主菜单的链接展示内容。使用iframe的问题就是自适应高度的问题2014-04-04
这篇文章主要介绍了js继承实现方法,结合实例形式分析了javascript继承的实现方法与相关注意事项,需要的朋友可以参考下2016-12-12
JavaScript基于DOM操作实现简单的数学运算功能示例
这篇文章主要介绍了JavaScript基于DOM操作实现简单的数学运算功能,涉及javascript节点操作、元素遍历及数学运算相关操作技巧,需要的朋友可以参考下2017-01-01
所谓的文本框倒叙输入是指输入框的焦点始终在最开始的位置，下面是具体的实现，感兴趣的朋友可以学习下2014-09-09
JavaScript中Function函数与Object对象的关系
这篇文章主要介绍了JavaScript中Function函数与Object对象的关系的相关资料,需要的朋友可以参考下2015-12-12
效果直逼flash的Div+Css+Js菜单...2007-05-05
Javascript 完美运动框架(逐行分析代码，让你轻松了运动的原理)
这篇文章主要介绍了Javascript 完美运动框架,逐行分析代码，让你轻松了运动的原理,需要的朋友可以参考下2015-01-01
一种很常见的写法,大家都是这样写的，但如果这样的代码，杀毒软件认为是病毒的吧，就太恶劣的。判断能力也太差了。2009-09-09
下面小编就为大家分享一篇js判断文件类型大小并给出提示的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了JavaScript给每一个li节点绑定点击事件的实现方法，包括js循环给li绑定参数不同的点击事件,需要的朋友可以参考下2016-12-12
最新评论