网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 javascript验证手机号和实现星号(*)代替实例
内容
    一、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能有所帮助。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/20 8:07:23