主页 > 知识库 > jQuery正则表达式的使用方法步骤详解

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

热门标签:地图标注教学点 ai电话机器人搭建 呼叫系统外呼只能两次 外呼系统无呼出路由是什么原因 400电话办理电话办理 甘肃医疗外呼系统排名 梅县地图标注 贵港公司如何申请400电话 西藏智能外呼系统代理商

 本文主要和大家分享的就是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的方法(推荐)

标签:湖州 凉山 哈密 大兴安岭 海口 常州 本溪 泰安

巨人网络通讯声明:本文标题《jQuery正则表达式的使用方法步骤详解》,本文关键词  jQuery,正则,表达式,的,使用方法,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《jQuery正则表达式的使用方法步骤详解》相关的同类信息!
  • 本页收集关于jQuery正则表达式的使用方法步骤详解的相关信息资讯供网民参考!
  • 推荐文章