• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >正则表达式 > jQuery正则表达式的使用方法步骤详解

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了jquery正则表达式验证,jquery 正则表达式,jquery邮箱正则表达式,jquery中正则表达式,jquery正则表达式语法等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

基础正则

1、正则表达式的创建

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

2、常用规则

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

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>
</div>

效果演示图

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery正则表达式的使用方法步骤详解
  • 常用的JQuery数字类型验证正则表达式整理
  • jQuery中的正则表达式分析 正则基础

相关文章

  • 2017-05-11js中过滤特殊字符的正则表达式
  • 2017-05-11asp 正则表达式检测http开头的函数
  • 2017-05-11String字符串匹配javascript 正则表达式
  • 2017-05-11正则表达式匹配,替换,查找
  • 2017-05-11详解基于Linux下正则表达式(基本正则和扩展正则命令使用实例)
  • 2017-05-11正则表达式基本语法详解
  • 2017-05-11如何删除文本框里的文字内容中段落之间多余的分行
  • 2017-05-11js正则表达式之input属性($_)RegExp对象属性介绍
  • 2017-05-11正则表达式模式修正符(/ies)
  • 2017-05-11CFC4N小试php正则表达式

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 常用正则表达式 整理篇
    • 正则表达式模式修正符 比如/esi
    • 重温JavaScript中的正则表达式 js学习笔记
    • 使用正则表达式判断是否为手机号码(简单且实用)
    • 正则表达式与数学(方程式、线性方程)
    • php获取超链接文本内容的正则表达式(五种方法)
    • 常用正则表达式知识点解读及判读有效数字、手机号邮箱正则表达式
    • Java正则表达式学习教程
    • PHP中基于perl的正则表达式处理函数
    • 正则表达式 应用四则

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有