js如何使用正则表达式验证电话号码（可选区号）和邮箱？（分步骤）

一、总结

js进阶正则表达式16电话号码和邮箱正则（分类解决邮箱验证）（分组加？解决电话号码区号选择问题）（[\w\.-]中括号解决邮箱前半字段的多种情况）

1、var reg=/^(\d{3,4}-)?\d{7,8}$/ //1、分组加？解决电话号码区号选择问题

2、var reg=/^[\w\.-]+@[a-z0-9]+\.[a-z]+$/i //1、[\w\.-]中括号解决邮箱前半字段的多种情况

3、分类或者说分部分来解决邮箱验证

二、js进阶正则表达式16电话号码和邮箱正则

练习3：验证电话号码

  • 实例描述：验证输入的固定电话号码是否合法
  • 案例要点：

    区号部分为3-4位数字

    使用“-”作为分隔符

    电话号码部分为7/8位数字

练习4：验证邮箱

  • 实例描述：验证用户邮箱是否合法
      • 可以分为三部分：  // 2、分类或者说分部分来解决邮箱验证

    1. 用户名部分为英文、字母、数字、"_"
    2. @部分
    3. 域名部分，可以分解为英文字母+‘.’+字母三部分

三、代码

1、验证电话号码

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>验证电话号码</title>

 </head>

 <body>

   <form name='myform' action=" " method="get" onsubmit="check()">

     固定电话：<input type="text" id="sfz" name="email" pattern="^(\d{3,4}-)?\d{7,8}$">

     <input type="submit"> <input type="reset" value="重置">

   </form> <br>

     <script type="text/javascript">

     var str1='86836180'

     var str2='010-86836180'

         // var reg=/^(\d{3,4}-)?\d{7,8}$/ //1、分组加？解决电话号码区号选择问题

         var reg=/^(\d{3,4}-)?\d{7,8}$/

         //alert(reg.test(str2))

     </script>

 </body>

 </html>

2、验证邮箱

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>验证邮箱</title>

 </head>

 <body>

     <form name='myform' action=" " method="get" onsubmit="check()">

     邮箱：<input type="text" id="email" name="email" >

     <input type="submit"> <input type="reset" value="重置">

   </form> <br>

   <script>

   /*

       var str1=365966179@qq.com

       var str2=jiyanpeng@126.com

       var str2=ji_yanpeng@126.com

       var reg=/^\w+@[a-z0-9]+\.[a-z]+$/i  //注：邮箱种类较多，该模式不能匹配所有的邮箱格式

       var reg=/^[\w\.-]+@[a-z0-9]+\.[a-z]+$/i   //1、[\w\.-]中括号解决邮箱前半字段的多种情况

       var reg=/^[\w\.-]+@[\w-]+\.[a-z]+$/i

 */

        function check(){

      var str=document.getElementById('email').value;

       //var str=myform.email.value;

        //alert(str)

       var reg=/^\w+@[a-z0-9]+\.[a-z]+$/i

       if (reg.test(str)) {

         alert('格式正确')

       }else{

         alert('格式不正确，请重新输入')

       }

     }

   </script>

 </body>

 </html>

四、测试题-简答题

1、js如何使用正则表达式完成一个带区号（也可不带）的电话号码的验证？
2、js如何使用正则表达式完成一个邮箱的验证？

js如何使用正则表达式验证电话号码（可选区号）和邮箱？（分步骤）的更多相关文章

  1. 检查字符串长度 检查字符串是否为空 用正则表达式验证出版物的ISBN号 用正则表达式验证邮证编码 验证字符串中是否含有汉字

    <?php /** * 常用的正则表达式来验证信息.如:网址 邮箱 手机号等 */ class check { /** * 正则表达式验证email格式 * * @param string $s ...

  2. JS和Java正则表达式验证

    js代码 <script type="text/javascript"> function SubmitCk() { var reg = /^([a-zA-Z0-9]+ ...

  3. C#中使用正则表达式验证电话号码、手机号、身份证号、数字和邮编

      验证电话号码的主要代码如下: public bool IsTelephone(string str_telephone) { return System.Text.RegularExpressio ...

  4. [转载]C#中使用正则表达式验证电话号码、手机号、身份证号、数字和邮编

    原文出处:https://www.cnblogs.com/wuhuisheng/archive/2011/03/23/1992652.html 验证电话号码的主要代码如下: public bool I ...

  5. C# 中使用正则表达式验证电话号码、手机号、身份证号

    验证电话号码的主要代码如下: public bool IsTelephone(stringstr_telephone) { returnSystem.Text.RegularExpressions.R ...

  6. PHP使用正则表达式验证电话号码（手机和固定电话）

    这个还不错,很有用. tel='验证的电话号码'; $isMob="/^1[3-8]{1}[0-9]{9}$/";  $isTel="/^([0-9]{3,4}-)?[0 ...

  7. JS的常用正则表达式 验证密码（转载自用）

    JS的正则表达式 强:字母+数字+特殊字符   ^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*]+$)(?![a-zA-z\d]+$)(?![a-zA-z!@#$%^& ...

  8. JS——简单的正则表达式验证

    <!-- 用户注册:结构层:html;表现层:css;行为层:javascript; html利用ul,li来构造: 注意事项:1.每个Input都要有相应的id,这是在js中去调用的. 2.& ...

  9. js中通过正则表达式验证邮箱是否合法

    文章目录 1.效果展示 2.问题描述 3.代码实现 1.效果展示 2.问题描述 当用户在输入框输入邮箱后.点击验证邮箱按钮.系统给出提示信息. 3.代码实现 <!DOCTYPE html> ...

随机推荐

  1. menu-普通menu弹出框样式

    今天接触到了menu弹出框样式.主要就是在theme下进行调整.现在把接触到的知识点总结一下. 在theme中,跟menu有关的几个属性如下 <item name="panelBack ...

  2. BZOJ 4555 [Tjoi2016&Heoi2016]求和 （多项式求逆）

    题目链接: https://www.lydsy.com/JudgeOnline/problem.php?id=4555 题目大意: 给定 \(S(n,m)\) 表示第二类斯特林数,定义函数 \(f(n ...

  3. Redis原理（二）

    运维 快照使用子进程是通过一个子进程完成, 它会比较的浪费资源的操作. 1.遍历整个内存,会增加系统负担. 2.io操作,降低redis性能. 一般都是主备,备用的进行持久化. Redis 4.0混合 ...

  4. vue 自定义分页组件

    vue2.5自定义分页组件,可设置每页显示条数,带跳转框直接跳转到相应页面 Pagination.vue 效果如下图: all: small(只显示数字和上一页和下一页): html <temp ...

  5. 为easyUI的dataGrid加入自己的查询框

    dataGrid作为easyUI的一个核心组件,其功能上是非常强大的. 可是外观上似乎就有点差强人意了,首先说一下我对dataGrid外观的2点感受 1.图标不好看,且尺寸非常小(16x16)-- 关 ...

  6. Cocos2d 游戏状态机

    加cocos2d 是标题党. 事实上跟cocos2d无关. 1.游戏背景介绍 比方有这么一个"记忆"类的比赛游戏.你和电脑对战.轮到谁的回合,谁翻两张牌.假设两张牌一样,就消掉这两 ...

  7. Android Warning not all local changes may be shown due to an error

    idea使用svn出现Warning not all local changes may be shown due to an error,如下图所示: 解决方案: 1.File > Setti ...

  8. JS面向对象程序设计(OOP:Object Oriented Programming)

    你是如何理解编程语言中的面向对象的? 我们研究JS和使用JS编程本身就是基于面向对象的思想来开发的,JS中的一切内容都可以统称为要研究的“对象”,我们按照功能特点把所有内容划分成“几个大类,还可以基于 ...

  9. Spring+Struts2+Hibernate的整合

    这篇主要采用Maven搭建Spring+Struts2+Hibernate的整合项目,复习一下SSH框架,虽然spring提供自己的MVC框架, 但是Spring也提供和其他框架的无缝整合,采用组件形 ...

  10. BP神经网络公式推导及实现(MNIST)

    BP神经网络的基础介绍见:http://blog.csdn.net/fengbingchun/article/details/50274471,这里主要以公式推导为主. BP神经网络又称为误差反向传播 ...