美文网首页
Day03(正则表达式,demo 电话邮箱注册)

Day03(正则表达式,demo 电话邮箱注册)

作者: AnnQi | 来源:发表于2017-11-07 14:28 被阅读0次

    正则表达式

    是有字母数字和一些特殊符号组成的:::用来描述字符模式的对象
    功能:

    1. 模式匹配
    2. 文本检索
    3. 替换
      要使用正则表达式,第一步,创建属于你们的正则表达式
      创建方式有两种
    4. 通过构造函数来创建(显式创建)
      Var reg = new RegExp(“表达式”,[修饰符]);
    5. 通过字面量(直接量)方式来创建(隐式创建) ----推荐,常用
      Var reg = /表达式/[修饰符];
      两种当时含义有所区别:1是创建的是实例对象,2创建的是单个对象;
      正则表达式的使用方法:
    6. reg.test(想要检测的变量);
      a) 功能:用于检测是否与正则匹配;
      b) 返回:布尔值,如果匹配,则返回true,不匹配则返回false;
    7. reg.exec(想要检测的变量);
      a) 功能:用于检测是否与正则匹配;
      b) 返回:如果匹配,则返回数组,不匹配则返回null;
      i. 说明:
      支持两个属性:index:索引;input内容
    表达式
    方括号:
    [abc]   查找方括号之间的任何字符
    [^abc] 查找任何不在方括号内的字符
    [0-9]查找0-9之间的数字
    [a-z]查找从a到z之间的小写字母
    [A-Z] 查找A到Z之间的大写字母
    
    
    元字符:(字符类)
    .        查找单个字符,除了换号和行结束符
    \w  查找字母数字下划线
    \W  查找非字母数字下划线
    \d  所有数字
    \D  所有非数字
    \s  查找空白字符
    \S  查找非空白字符
    \n  查找换行符
    \r      查找回车符
    \t      查找制表符
    
    限定符:
    ^xxx    以xxx开始
    xx$ 以xx结束
    
    重复:设置匹配次数
    {n} 匹配前一项n次
    {n,m}   匹配前一项n到m次
    {n,}    匹配前一项n到多次
    
    *       匹配前一项0到多次
    ?       匹配前一项0或者1次
    +       匹配前一项1到多次
    

    转义字符:将特殊符号恢复成它原本的字面意思
    通过:\这个符号来进行转义
    需要转义的符号: [ ] { } ( ) . ? * + ^ $ \ /

    demo 正则 邮箱和手机号码

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            电话:<input type="text" id="us"/><br />
            邮箱:<input type="text" id="yx" />
            <button id="zc">注册</button>
        </body>
        <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
            $("#zc").click(function(){
                var us = $("#us").val();
                var yx = $("#yx").val();
    
                var reg = /^1[34578]\d{9}$/;
                var reg1 = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;    
    
                if(reg.test(us)&&reg1.test(yx)){
                    alert("可以注册");
                }else{
                    alert("格式不正确");
                }
            });
        </script>
    </html>
    

    相关文章

      网友评论

          本文标题:Day03(正则表达式,demo 电话邮箱注册)

          本文链接:https://www.haomeiwen.com/subject/shbvuxtx.html