javascript验证手机号和实现星号(*)代替实例


Posted in Javascript onAugust 16, 2016

一、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能有所帮助。

Javascript 相关文章推荐
jquery showModelDialog的使用方法示例详解
Nov 19 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
Oct 31 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
js实现滑动触屏事件监听的方法
May 05 Javascript
jQuery EasyUI菜单与按钮详解
Jul 13 Javascript
JS 实现 ajax 异步浏览器兼容问题
Jan 21 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
详解如何为你的angular app构建一个第三方库
Dec 07 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
Jun 05 Javascript
javascript面向对象程序设计实践常用知识点总结
Jul 29 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
Nov 01 Javascript
深入了解JavaScript词法作用域
Jul 29 Javascript
解决wx.onMenuShareTimeline出现的问题
Aug 16 #Javascript
JavaScript里 ==与===区别详解
Aug 16 #Javascript
DOM中事件处理概览与原理的全面解析
Aug 16 #Javascript
总结javascript中的六种迭代器
Aug 16 #Javascript
你知道setTimeout是如何运行的吗?
Aug 16 #Javascript
深入理解(function(){... })();
Aug 16 #Javascript
关于JSON与JSONP简单总结
Aug 16 #Javascript
You might like
咖啡的化学
2021/03/03 咖啡文化
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
thinkPHP数据库增删改查操作方法实例详解
2016/12/06 PHP
yii插入数据库防并发的简单代码
2017/05/27 PHP
在laravel中实现事务回滚的方法
2019/10/10 PHP
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
jQuery中[attribute!=value]选择器用法实例
2014/12/31 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
2015/12/02 Javascript
javascript 用函数实现继承详解
2016/05/28 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
详解vue.js2.0父组件点击触发子组件方法
2017/05/10 Javascript
Angular实现图片裁剪工具ngImgCrop实践
2017/08/17 Javascript
AngularJS与后端php的数据交互方法
2018/08/13 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
详解Vue.directive 自定义指令
2019/03/27 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
2020/11/09 Javascript
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
pandas中的series数据类型详解
2019/07/06 Python
Python通过Pillow实现图片对比
2020/04/29 Python
HTML5实现移动端点击翻牌功能
2020/10/23 HTML / CSS
加拿大健康、婴儿和美容产品在线购物:Well.ca
2016/11/30 全球购物
什么是事务?事务有哪些性质?
2012/03/11 面试题
幼师自荐信范文
2013/10/06 职场文书
小学教师节活动方案
2014/01/31 职场文书
花店创业计划书范文
2014/02/07 职场文书
2014年秋季开学典礼主持词
2014/08/02 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书
2014年变电站工作总结
2014/12/19 职场文书
2015年大学生村官工作总结
2015/04/21 职场文书
千与千寻观后感
2015/06/04 职场文书
公司员工管理制度
2015/08/04 职场文书
导游词之晋城蟒河
2019/12/12 职场文书
mysql数据库隔离级别详解
2022/06/16 MySQL