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 相关文章推荐
DIV菜单层实现代码
Nov 19 Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
May 29 Javascript
jquery模拟LCD 时钟的html文件源代码
Jun 16 Javascript
jQuery实现视频作为全屏幕背景
Dec 18 Javascript
JS使用正则表达式除去字符串中重复字符的方法
Nov 05 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
vue webuploader 文件上传组件开发
Sep 23 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
Dec 26 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
Mar 05 Javascript
详解微信小程序的 request 封装示例
Aug 21 Javascript
axios取消请求的实践记录分享
Sep 26 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
无限级别菜单的实现
2006/10/09 PHP
PHPMailer安装方法及简单实例
2008/11/25 PHP
php 魔术方法使用说明
2009/10/20 PHP
超级好用的一个php上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
php安全开发 添加随机字符串验证,防止伪造跨站请求
2013/02/14 PHP
Yii框架登录流程分析
2014/12/03 PHP
yii2.0实现创建简单widgets示例
2016/07/18 PHP
php安全配置记录和常见错误梳理(总结)
2017/03/28 PHP
PHP 计算两个特别大的整数实例代码
2018/05/07 PHP
Laravel框架定时任务2种实现方式示例
2018/12/08 PHP
PHP常用函数之base64图片上传功能详解
2019/10/21 PHP
JS+XML 省份和城市之间的联动实现代码
2009/10/14 Javascript
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
2010/02/07 Javascript
无阻塞加载脚本分析[全]
2011/01/20 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
2016/02/22 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
2016/10/25 Javascript
javascript 判断用户有没有操作页面
2017/10/17 Javascript
使用vue2实现购物车和地址选配功能
2018/03/29 Javascript
使用layer弹窗和layui表单实现新增功能
2018/08/09 Javascript
快速解决vue在ios端下点击响应延时的问题
2018/08/27 Javascript
Python闭包执行时值的传递方式实例分析
2018/06/04 Python
Django中日期处理注意事项与自定义时间格式转换详解
2018/08/06 Python
python自定义线程池控制线程数量的示例
2019/02/22 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
用Python爬取QQ音乐评论并制成词云图的实例
2019/08/24 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
Python序列化pickle模块使用详解
2020/03/05 Python
Python爬虫爬取有道实现翻译功能
2020/11/27 Python
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
瑞士男士时尚网上商店:Babista
2020/05/14 全球购物
局域网标准
2016/09/10 面试题
2015年上半年物业工作总结
2015/03/30 职场文书
长征观后感
2015/06/09 职场文书
win11如何查看端口是否被占用? Win11查看端口是否占用的技巧
2022/04/05 数码科技
Python使用BeautifulSoup4修改网页内容
2022/05/20 Python