在jQuery里使用正则表达式的图文详解

这次给大家带来在jQuery里使用正则表达式图文详解,在jQuery里使用正则表达式的注意事项有哪些,下面就是实战案例,一起来看一下。

基础正则

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

案例

    jquery ajax    检测    
检测
检测
$(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'); } }); });

登录后复制

效果演示图

在jQuery里使用正则表达式的图文详解

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

用正则匹配单个字符的详细解析

正则的元字符使用详解

以上就是在jQuery里使用正则表达式的图文详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2777728.html

(0)
上一篇 2025年3月8日 15:12:56
下一篇 2025年3月8日 15:13:03

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Linux中使用正则表达式的详细介绍

    这次给大家带来Linux中使用正则表达式的详细介绍,Linux中使用正则表达式的正则表达式有哪些,下面就是实战案例,一起来看一下。 字符匹配:         .  :匹配任意单个字符         [] :匹配指定范围内的任意单个字符;…

    编程技术 2025年3月8日
    200
  • 正则匹配IP的图文详解

    这次给大家带来正则匹配IP的图文详解,正则匹配IP的注意事项有哪些,下面就是实战案例,一起来看一下。 这里给大家详细讲解一下一个匹配IP地址的正则表达式,   有关正则方面的知识,会在详细的讲解中提到。   在讲解之前,我先给大家介绍一下,…

    编程技术 2025年3月8日
    200
  • 正则表达式字符类的详细介绍

    这次给大家带来正则表达式字符类的详细介绍,使用正则表达式字符类的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式字符类加深理解:一.基本概念:字符类相对来说是比较简单的,但是也有可能由于理解不够深入或者大意造成一些误区,下面再来…

    编程技术 2025年3月8日
    200
  • 正则表达式分组的详解(附代码)

    这次给大家带来正则表达式分组的详解(附代码),正则表达式分组的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式分组:如果想匹配3个数字,正则表达式可以用如下写法: d{3} 以上代码使用重复量词可以匹配3位数字。但是在实际应用中…

    编程技术 2025年3月8日
    200
  • 正则表达式的d元字符使用详解(附代码)

    这次给大家带来正则表达式的d元字符使用详解(附代码),使用正则表达式d元字符的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式d元字符:d元字符可以匹配数字字符,等价于”[0-9]”。 语法结构: 构造函…

    2025年3月8日
    200
  • 正则表达式的.号元字符使用详解(附代码)

    这次给大家带来正则表达式的.号元字符使用详解(附代码),使用正则表达式.号元字符的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式.号元字符:点号(.)元字符可以匹配除了回车符()和换行符()之外的任意字符。语法结构:构造函数方…

    编程技术 2025年3月8日
    200
  • 正则表达式W元字符的使用详解(附代码)

    这次给大家带来正则表达式W元字符的使用详解(附代码),正则表达式W元字符使用的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式W元字符:W(大写)用来匹配非单词字符,它等价于”[^a-zA-Z0-9_]”…

    编程技术 2025年3月8日
    200
  • 正则表达式u修饰符的使用详解(附代码)

    这次给大家带来正则表达式u修饰符的使用详解(附代码),正则表达式u修饰符使用的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式u修饰符: 此修饰符标识能够正确处理大于uFFFF的Unicode字符。也就是说,会正确处理四个字节的…

    编程技术 2025年3月8日
    200
  • 在正则表达式中有哪些新增特性

    这次给大家带来在正则表达式中有哪些新增特性,使用正则表达式中新增特性的注意事项有哪些,下面就是实战案例,一起来看一下。 ES2015 正则表达式新增特性: 在原来正则表达式基础上,ES2015增强了对四字节unicode字符的支持等功能。 …

    编程技术 2025年3月8日
    200
  • 正则表达式m修饰符(多行匹配)使用详解

    这次给大家带来正则表达式m修饰符(多行匹配)使用详解,使用正则表达式m修饰符(多行匹配)的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式m修饰符: m修饰符规定正则表达式可以执行多行匹配。m修饰符的作用是修改^和$在正则表达式…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论