• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    jQuery正则表达式的使用方法步骤详解

     本文主要和大家分享的就是jQuery学习中正则的使用,正则在jquery里面并没有比JavaScript多哪些知识,基本上是一样的,只是选择器更好了一点,一起来看看吧。

    基础正则

    1、正则表达式的创建

    a) var checkNum = /^[A-Za-z0-9]+$/;
    b) var re=new RegExp(“["+s1+"]“,”g”);

    2、常用规则

    a) 用户密码:/^[a-zA-Z][a-zA-Z0-9_]{5,20}$/
    b) 邮件:/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/
    c) 手机:/^[\d]{5,20}$/
    d) 其它常用验证:请百度

    3、方式:test

    案例

    !DOCTYPE html>
    html>
    head>
      meta charset="UTF-8">
      title>jquery ajax/title>
      script type="text/javascript" src="public/js/jquery-2.2.3.min.js">/script>
    /head>
    body>
    form action="">
      label>用户名:/label>span id="check_username">检测/span>
      input type="text" id="t_username" placeholder="请输入"/>
      hr/>
      label>邮箱:/label>span id="check_email">检测/span>
      input type="text" id="t_email" placeholder="请输入"/>
      hr/>
      label>手机:/label>span id="check_phone">检测/span>
      input type="text" id="t_phone" placeholder="请输入"/>
      hr/>
    /form>
    /body>
    script>
      $(function () {
        // 用户名
        $("#check_username").click(function(){
          var str = $("#t_username").val();
          var ret = /^[a-zA-Z][a-zA-Z0-9_]{5,20}$/;
          if(ret.test(str)){
            alert('ok');
          }else{
            alert('wrong');
          }
        });
        // 邮件
        $("#check_email").click(function(){
          var str = $("#t_email").val();
          var ret = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
          if(ret.test(str)){
            alert('ok');
          }else{
            alert('wrong');
          }
        });
        // 手机
        $("#check_phone").click(function(){
          var str = $("#t_phone").val();
          var ret = /^[\d]{5,20}$/;
          if(ret.test(str)){
            alert('ok');
          }else{
            alert('wrong');
          }
        });
      });
    /script>
    /html>

    效果演示图

    以上所述是小编给大家介绍的jQuery正则表达式的使用方法步骤详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    您可能感兴趣的文章:
    • jQuery中的正则表达式分析 正则基础
    • JS字符串false转boolean的方法(推荐)
    上一篇:javascript将字符串中的多个空格替换为一个空格的正则实例
    下一篇:PHP 正则表达式效率 贪婪、非贪婪与回溯分析(推荐)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    jQuery正则表达式的使用方法步骤详解 jQuery,正则,表达式,的,使用方法,