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 相关文章推荐
JS 文字符串转换unicode编码函数
May 30 Javascript
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
TypeError document.getElementById(...) is null错误原因
May 18 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
jquery遍历标签中自定义的属性方法
Sep 17 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
May 05 Javascript
收集前端面试题之url、href、src
Mar 22 Javascript
Vue实现自定义下拉菜单功能
Jul 16 Javascript
vue用递归组件写树形控件的实例代码
Jul 19 Javascript
Vue中实现权限控制的方法示例
Jun 07 Javascript
React中的Context应用场景分析
Jun 11 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
PHP 源代码压缩小工具
2009/12/22 PHP
基于Zend的Captcha机制的应用
2013/05/02 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
PHP IDE phpstorm 常用快捷键
2015/05/18 PHP
在视频前插入广告
2006/11/20 Javascript
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
使用JS 清空File控件的路径值
2013/07/08 Javascript
jquery制作select列表双向选择示例代码
2014/09/02 Javascript
再谈JavaScript线程
2015/07/10 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
Bootstrap CDN和本地化环境搭建
2016/10/26 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
2017/06/19 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
2020/09/04 Javascript
Vue SPA 首屏优化方案
2021/02/26 Vue.js
Python:Numpy 求平均向量的实例
2019/06/29 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
PyCharm2020.1.1与Python3.7.7的安装教程图文详解
2020/08/07 Python
纯css3实现宠物小鸡实例代码
2018/10/08 HTML / CSS
日本化妆品植村秀俄罗斯官方网站:Shu Uemura俄罗斯
2020/02/01 全球购物
商务英语专业应届毕业生求职信
2013/10/28 职场文书
学习自我鉴定
2014/02/01 职场文书
学习党的群众路线对照检查材料
2014/09/29 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
工人先进事迹材料
2014/12/26 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
叶县这家生产军用电台的兵工厂,人称“四机部”,走出一上将
2022/02/18 无线电
MySQL 中如何归档数据的实现方法
2022/03/16 SQL Server
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript
Android开发之底部导航栏的快速实现
2022/04/28 Java/Android
python+opencv实现目标跟踪过程
2022/06/21 Python
React更新渲染原理深入分析
2022/12/24 Javascript