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文件包含的几种方式介绍
Sep 28 Javascript
Node.js事件驱动
Jun 18 Javascript
JavaScript操作 url 中 search 部分方法函数
Jun 15 Javascript
Bootstrap菜单按钮及导航实例解析
Sep 09 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
Mar 03 Javascript
React Native中Navigator的使用方法示例
Oct 13 Javascript
webpack+vuex+axios 跨域请求数据的示例代码
Mar 06 Javascript
详解vue 数据传递的方法
Apr 19 Javascript
使用pm2部署node生产环境的方法步骤
Mar 09 Javascript
vue实现tab栏点击高亮效果
Aug 19 Javascript
vue项目实现多语言切换的思路
Sep 17 Javascript
JavaScript中isPrototypeOf函数
Nov 07 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
10条PHP编程习惯助你找工作
2008/09/29 PHP
php实例分享之二维数组排序
2014/05/15 PHP
ECMall支持SSL连接邮件服务器的配置方法详解
2014/05/19 PHP
WordPress主题中添加文章列表页页码导航的PHP代码实例
2015/12/22 PHP
利用laravel+ajax实现文件上传功能方法示例
2017/08/13 PHP
IE与FireFox中的childNodes区别
2011/10/20 Javascript
javascript实现tab切换的两个实例
2015/11/05 Javascript
jQuery实现批量判断表单中文本框非空的方法(2种方法)
2015/12/09 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
解析Javascript单例模式概念与实例
2016/12/05 Javascript
MUI 上拉刷新/下拉加载功能实例代码
2017/04/13 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
js replace 全局替换的操作方法
2018/06/12 Javascript
Vue-router 切换组件页面时进入进出动画方法
2018/09/01 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
用Python操作字符串之rindex()方法的使用
2015/05/19 Python
Python中作用域的深入讲解
2018/12/10 Python
Python实现字典排序、按照list中字典的某个key排序的方法示例
2018/12/18 Python
Django框架验证码用法实例分析
2019/05/10 Python
基于python的列表list和集合set操作
2019/11/24 Python
Python操作PostgreSql数据库的方法(基本的增删改查)
2020/12/29 Python
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
大二学生学习个人自我评价
2014/01/19 职场文书
火车的故事教学反思
2014/02/11 职场文书
社区爱国卫生月活动总结
2014/06/30 职场文书
关于读书的活动方案
2014/08/14 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
小学教师先进事迹材料
2014/12/15 职场文书
公务员个人考察材料
2014/12/23 职场文书
上课说话检讨书
2015/01/27 职场文书
工作保证书怎么写
2015/02/28 职场文书
2015法院个人工作总结范文
2015/05/25 职场文书
2016优秀护士求职自荐信
2016/01/28 职场文书
python urllib库的使用详解
2021/04/13 Python
MATLAB 如何求取离散点的曲率最大值
2021/04/16 Python