正则表达式总结

  • 创建正则对象:var regex=new RegExp(/\d/);
  • 一般都用直接量,写法更简洁:var regex=/\d/;
  • test()方法用来验证字符串是否符合规则,返回true和false
  • regex.test('1');//true
  • regex.test('a');//false
  • regex.test('a1');//true 只要有我想要的就返回true

预定义类(需要记忆的东西)

  • . 除了换行和回车之外的任意字符
  • \d [0-9] 数字字符
  • \D [^0-9]非数字字符
  • \w [a-zA-Z0-9_] 单词字符和数字下划线
  • \W [^a-zA-Z0-9_] 非单词字符
  • \s [\f\r\n\t\v] 不可见字符space
  • \S [^\f\r\n\t\v] 可见字符
例子(只要有我想要的就返回true)
  • /chuan/.test('chuan');//true
  • /chuan/.test('chuang');//ture
  • /chuan/.test('chua');//false 可以多给,不能少给
基本语法补充
  • | 或
  • ()提高优先级
  • /foot|boot/.test('foot');//true
  • /(f|b)oot/.test('foot');//true

字符类

  • [ ]
  • ^ 非,取反
  • '- '范围类
  • /[a-f0-6]/.test('9');//false
  • /[abc]/.test('a');//true 只要包含a或b或c都返回true

案例1(密码强度提示)

  • 用onkeyup事件

精确匹配(限定便捷)

  • ^写在中括号外边表示限定开头
  • $限定结尾
  • /^chuan$/.test('chuan');//true
  • *星号限定0次或多次
  • +加号限定1次或多次
  • ?问号限定0次或一次
  • /^a*$/.test('a');//true
  • /^a*$/.test('aaaa');//true
  • /^a*$/.test('');//true
  • {}花括号限定自定义次数
  • /^a{2}$/.test('aa');//true 前面的内容必须出现2次
  • /^a{2,}$/.test('aaa');//true 必须出现>=2次
  • /^a{2,5}$/.test('aaaaa');//true 出现2-5次

括号总结

  • ()小括号表示分组和提高优先级
  • [] 中括号表示一个字符的位置,里面写的是这个位置可以出现的内容
  • {} 花括号表示自定义前面内容出现的次数

案例2(验证beijing座机010-12345678)

  • onblur事件
  • /^0\d\d-\d{8}$/;

案例3 验证汉字姓名

  • 汉字的Unicode码范围[\u4e00-\u9fa5]
  • 可以用unescape()方法显示汉字
  • unescape('\u4e00');
  • /^[\u4e00-\u9fa5]{2,4}$/;

js中的正则表达式小结1的更多相关文章

  1. JavaScript -- 时光流逝(六):js中的正则表达式 -- RegExp 对象

    JavaScript -- 知识点回顾篇(六):js中的正则表达式 -- RegExp 对象 1. js正则表达式匹配字符之含义      查找以八进制数 规定的字符.     查找以十六进制数 规定 ...

  2. JS中应用正则表达式转换大小写

    JS中应用正则表达式转换大小写,代码很简单,看代码: 以下首字母大写,其它字母小写 <script type="text/javascript"> function r ...

  3. 如何在JS中应用正则表达式

    背景:在之前的随笔中写过C#中如何使用正则表达式,这篇随笔主要讲如何在js中应用正则表达式 如下代码: $("#zhengze").click(function () { var ...

  4. JS中给正则表达式加变量

    前不久同事询问我js里面怎么给正则中添加变量的问题,遂写篇博客记录下.   一.字面量 其实当我们定义一个字符串,一个数组,一个对象等等的时候,我们习惯用字面量来定义,例如: var s = &quo ...

  5. js中的正则表达式的运用

    正则表达式是一个拆分字符串并查询相关信息的过程:是现代开发中很重要的一环.作为一个web开发人员必须牢牢掌握这项技能,才能尽情得在js中驰骋. 1.创建正则表达式: 正则表达式(regular exp ...

  6. 【js 正则表达式】记录所有在js中使用正则表达式的情况

    说实话,对正则表达式有些许的畏惧感,之前的每次只要碰到需要正则表达式去匹配的情况,都会刻意的躲过或者直接从度娘处获取. 此时此刻,感觉到了某一个特定的点去触及她.但笔者对于正则表达式使用上的理解是这样 ...

  7. js中的正则表达式

    一.正则中的汉字 常见的:/[^\x00-\x7F]+?/ /^[\u2E80-\u9FFF]+$/ 过滤汉字即是:string.replace(/^[\u2E80-\u9FFF]+$/g, &quo ...

  8. js中的正则表达式入门

    什么是正则表达式呢? 正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个字符串是否含有某种子串.将匹配的子串做替换或者从某个字符串中取出符合某个条件的子串等 ...

  9. 第十八节 JS中的正则表达式

    复习字符串操作: search 查找 substring 获取子字符串 charAt 获取某个字符 split 分割字符串,获取数组 var str = 'abcdefghijk'; alert(st ...

随机推荐

  1. Mongo Restore

    #!/bin/sh HOST_IP=`/sbin/ifconfig | sed -n 's/.*inet addr:\([0-9.]\+\)\s.*/\1/p' | head -n1` echo &q ...

  2. Luogu P4270 [USACO18FEB]Cow Gymnasts (打表找规律)

    题意 传送门 题解 首先我们不竖着看奶牛而是横着看.从下往上把奶牛叫做处于第0,1,2...0,1,2...0,1,2...层.那么相当于第000层的不动,第111层的平移一格,第222层的平移222 ...

  3. SIGAI深度学习第九集 卷积神经网络3

    讲授卷积神经网络面临的挑战包括梯度消失.退化问题,和改进方法包括卷积层.池化层的改进.激活函数.损失函数.网络结构的改 进.残差网络.全卷机网络.多尺度融合.批量归一化等 大纲: 面临的挑战梯度消失问 ...

  4. luogu P4859 已经没有什么好害怕的了

    嘟嘟嘟 题中给的\(k\)有点别扭,我们转换成\(a > b\)的对数是多少,这个用二元一次方程解出来是\(\frac{n + k}{2}\). 然后考虑dp,令\(dp[i][j]\)表示前\ ...

  5. sigprocmask , sigpending 和 sigsuspend函数

    转自 http://blog.csdn.net/elbort/article/details/7594772 sigprocmask函数:功能描述:设定对信号屏蔽集内的信号的处理方式(阻塞或不阻塞). ...

  6. 解决Android Studio 打开Flutter 项目,找不到设备的问题

    开始设置了ANDROID_HOME环境变量后,发现Flutter 识别不了安卓SDK, 使用命令配置发现配置是失败的,貌似是不支持路径里有空格 复制一份SDK到没有空格的路径后,SDK就能识别了,并且 ...

  7. ROS indigo下Kinect v2的驱动安装与调试

    ROS indigo下Kinect v2的驱动安装与调试 一.libfreenect2源码安装与测试 github地址:https://github.com/OpenKinect/libfreenec ...

  8. 跨域请求错误: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource

    今天在学习Angular 的HttpInterceptor 拦截器时,发现添加了新的headers键值之后总是报跨域错误.后台使用的是asp.net core. 检查发现,在添加了新的header之后 ...

  9. 第11组 Beta版本演示

    第11组 Beta版本演示   组长博客链接 https://www.cnblogs.com/xxylac/p/12039948.html 本组成员(不知道叫什么团队) 031702635 陈郑铧(组 ...

  10. android studio的安装和配置及解决uiautomatorviewer报错

    参考博客:https://www.cnblogs.com/singledogpro/p/9551841.html 安装Android Studio 走了不少弯路,现在整理出来,仅当备忘使用. 首先要先 ...