JavaScript中常用的正则表达式运算符

置顶 已于 2023-05-29 22:00:05 修改
阅读量899 收藏 9
点赞数 6
分类专栏： Java相关文章 文章标签： 正则表达式
于 2023-05-29 19:57:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67840539/article/details/130933997
版权

前言：正则表达式是一种非常好用的工具，帮助开发人员在开发时，处理字符串时更加高效和灵活；它最大的用处就是在字符串操作中，可以让开发人员快速的字符串匹配、搜索、替换、验证和提取等操作。

 

文章目录：

  1. ^ 匹配字符串的开头
  2. $ 匹配字符串的结尾
  3.  匹配任意单个字符，但不包括行终止符
  4. * 匹配前一个表达式零次或多次
  5. + 匹配前一个表达式一次或多次
  6. ? 匹配前一个表达式零次或一次
  7. [] 匹配括号内任意一个字符
  8. [^] 匹配括号内的任意一个字符外的字符
  9. () 标记一个子表达式的开始和结束位置
  10. {n} 匹配前一个表达式恰好 n 次
  11. {n,} 匹配前一个表达式至少 n 次
  12. {n,m} 匹配前一个表达式至少 n 次，但不超过 m 次
  13. 一些案例
    1. 邮箱验证
    2. 邮编(只能为六位)验证
    3. InternetURL验证
    4. 用户名验证
    5. 密码验证
    6. 手机号验证
    7. 证件号验证
    8. 验证一年的12个月验证
    9. 验证一个月的31天验证
    10. 字符是否为英文字母验证
    11. 字符是否为中文验证
    12. 日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型验证
    13. 日期类型是否为hh:mm:ss格式的类型验证
    14. 字符是否为整数验证
    15. 字符是否为双精度验证
    16. 字符只能字母和数字验证

 

HTML代码

首先在html页面创建文本框和按钮方便测试

  <input id = "inputid"  type="text" style="width:300px; height:50px; border:2px solid red;font-size:30px; ">
  <button onclick="regex()" style="width:100px;height:40px;"> 点击 </button>

一、^ 匹配字符串的开头

/^hello/ 匹配以“hello”开头的字符串

Js代码

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^hello/ ;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确")
    }
 }

 

二、$ 匹配字符串的结尾

 /hello$/ 匹配以“hello”结尾的字符

Js代码

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /hello$/ ;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确")
    }
   }

 

三、 匹配任意单个字符，但不包括行终止符

 /h.llo/ 匹配以“h”开头，“llo”结尾，中间包含一个任意字符的字符串（如：hello,hxllo,hcllo）

Js代码

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =/h.llo/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

四、* 匹配前一个表达式零次或多次

/ab*c/ 匹配以“a”开头，以“c”结尾，中间包含零个或多个“b”的字符串（如：ac, abc, abbc, abbbc）

Js代码

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =/ab*c/ ;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

五、+ 匹配前一个表达式一次或多次

 /ab+c/ 匹配以“a”开头，以“c”结尾，中间至少包含一个“b”的字符串（如：abc, abbc, abbbc）

Js代码

function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =/ab+c/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

六、? 匹配前一个表达式零次或一次

/ab?c/ 匹配以“a”开头，以“c”结尾，中间可以包含一个“b”的字符串（如：ac, abc）

Js代码

  function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =/ab?c/ ;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

七、[] 匹配括号内任意一个字符

 /[aeiou]/ 匹配任意一个元音字母（如：a, e, i, o, u）

Js代码

  function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /[aeiou]/ ;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

八、[^] 匹配括号内的任意一个字符外的字符

 /[^aeiou]/ 匹配任意一个非元音字母

Js代码

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =  /[^aeiou]/  ;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

九、() 标记一个子表达式的开始和结束位置

 /(hello) world/ 匹配“hello world”，并且在结果中把“hello”单独提取出来

Js代码

   function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /(hello) world/ ;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

十、{n} 匹配前一个表达式恰好 n 次

 /a{3}/ 匹配恰好包含三个“a”的字符串（如：aaa）

Js代码

  function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /a{3}/  ;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

十一、{n,} 匹配前一个表达式至少 n 次

/a{3,}/ 匹配至少包含三个“a”的字符串（如：aaa, aaaaa）

Js代码

  function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /a{3,}/ ;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

十二、{n,m} 匹配前一个表达式至少 n 次，但不超过 m 次

/a{2,4}/ 匹配至少包含两个“a”，但不超过四个“a”的字符串（如：aa, aaa, aaaa）

Js代码

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /a{2,4}/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

十三、一些案例

1）邮箱验证

/^[^\s@]+@[^\s@]+\.[^\s@]+$/ 
   function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =/^[^\s@]+@[^\s@]+\.[^\s@]+$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

2）邮编(只能为六位)验证

/^[0-9]{6}$/

/^\d{6}$/

  function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =/^\d{6}$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

3）InternetURL验证

/^(ftp|http|https):\/\/[^ "]+$/

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =/^(ftp|http|https):\/\/[^ "]+$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

4）用户名验证

/^[a-zA-Z0-9_]{6,16}$/

function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^[a-zA-Z0-9_]{6,16}$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

5）密码验证

 /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/

这个比较复杂，我也是借鉴学习别人的

  1. 至少包含一个小字母
  2. 至少包含一个大字母
  3. 至少包含一个数字
  4. 至少包包含一个特殊字符（如@$!%*?&）
  5. 总长度至少为8个字符
 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

6）手机号验证

/^1[3456789]\d{9}$/

由于手机号段的不断更新，我这里的手机号验证是比较简单的

function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^1[3456789]\d{9}$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

7）证件号验证

/^[1-9]\d{16}[\dXx]$/

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^[1-9]\d{16}[\dXx]$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

8）验证一年的12个月验证

/^(0?[1-9]|1[0-2])$/

  function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^(0?[1-9]|1[0-2])$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

9）验证一个月的31天验证

/^([1-9]|[12][0-9]|3[01])$/

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^([1-9]|[12][0-9]|3[01])$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

10）字符是否为英文字母验证

/^[a-zA-Z]$/

function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =  /^[a-zA-Z]$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

11）字符是否为中文验证

/^[\u4e00-\u9fa5]$/

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^[\u4e00-\u9fa5]$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

12）日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型验证

/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/

必须是这种格式：2023-05-29 12:34:56

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

13）日期类型是否为hh:mm:ss格式的类型验证

/^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

14）字符是否为整数验证

/^-?\d+$/

 function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =/^-?\d+$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

15）字符是否为双精度验证

/^-?\d+(\.\d+)?$/

function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular =/^-?\d+(\.\d+)?$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

16）字符只能字母和数字验证

/^[a-zA-Z0-9]+$/

function regex(){
    let inputid = document.getElementById("inputid").value; 
    let regular = /^[a-zA-Z0-9]+$/;

    if(!regular.test(inputid)){
        alert("请输入正确的格式")
        return ;
    }else{
        alert("输入正确") 
    }
   }

 

总结：

使用正则表达式可以进行高效的字符串匹配和替换操作。写了那么多，来个一健三连吧！

 

 

 

 

半杯可可
关注
  • 6
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
JavaScript中正则表达式的使用
qq_45265059的博客
07-19 468
正则表达式（Regular Expression，一般简写为 regex，regexp） 正则表达式描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。
JavaScript正则表达式的基本使用
XinKun的博客
11-23 87
正则表达式 用于定义一些字符串的规则 计算机可以根据正则表达式，来检查一个字符串是否符合规则 获取将字符串中符合规则的内容提取出来 语法： 方法一：var reg = new RegExp("正则表达式","匹配模式"); 使用typeof检查正则对象，则会返回object 在构造函数中第二个参数： i忽略大小写 g全局匹配模式 例： //创建正则表达式对象 //用来检查字符串中是否有a v
常用的正则运算符
m0_54829066的博客
12-21 1598
在正则表达式中常用的运算符包括：.*+?^${n}{n,}{n,m}[...][^...]|()此外，还有一些元字符，如：\d\D\w\W\s\S。
正则运算符简要
PigeonFlyNiu的博客
09-23 516
常用的正则简述要点 “”" 正则表达式 re 模块 import re re.match() re.search() re.findall() re.sub(pattern, ‘新的内容’, str) 替换 re.split(pattern, str) —> [] 总结： . 任意字符处（\n） ^ 开头 $ 结尾 [] 范围 | 表示或者 小括号( | | )表示的是多个或者 正则预定义 \s 空白（空格） \b 边界 \d 数字 \w word [0-9a-zA-Z] r 防止字符串中
正则表达式规则
coding...
05-05 1481
元字符：正则表达式主要依赖于元字符。元字符不代表他们本身的字面意思，他们都有特殊的含义。一些元字符写在方括号中的时候有一些特殊的意思。以下是一些元字符的介绍：运算符优先级：正则表达式从左到右进行计算，并遵循优先级顺序，这与算术表达式非常类似。相同优先级的从左到右进行运算，不同优先级的运算先高后低。下表从最高到最低说明了各种正则表达式运算符的优先级顺序：基本匹配：^：以某个为起始的正则；$：以某个为结尾的正则；精准匹配。
最全面的65条最常用正则表达式
Keep_Driving_XinYang的博客
02-14 962
很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。 一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$
正则匹配“加减乘除，等于，不等于，或，大于等于”等运算符，并分割运算符前后的字符
Little_Fishs的博客
04-17 6002
正则匹配“+,-,*,/,==,!=,>=,<=,<,||”等运算符，并分割运算符前后的字符，代码如下： const reg = /×|-|[/]|[+]|==|!=|>=|>|<=|<|\|\|/; // 以+,-,*,/和==,!=,>,>=,<,<=,||运算符分割 const str="tag||tag2" const str.aplit(reg) // ["tag","tag2"] 下表为匹配的含义： 字符 描
重温JavaScript中的正则表达式 js学习笔记
10-28
创建正则表达式和创建字符串类似 ， 创建正则表达式提供了两种方法 ， 一种是采用 new运算符，另一个是采用字面量方式
javascript中使用正则表达式进行字符串验证示例
10-27
在JavaScript中，正则表达式是一种强大的工具，用于匹配、查找、替换字符串中的模式。在本示例中，我们利用正则表达式进行用户输入的验证，确保数据的有效性和安全性。以下是对标题和描述中涉及知识点的详细说明： ...
三目运算符+正则表达式
10-02
在编程世界中，三目运算符和正则表达式是两个非常重要的概念，它们各自扮演着独特的角色，同时也常被结合起来使用，以提高代码的简洁性和效率。让我们深入探讨这两个主题。 首先，三目运算符，也称为条件运算符，是...
常用正则表达式大全
10-09
正则表达式是一种强大的文本处理工具，用于在字符串中进行模式匹配和查找、替换、提取等操作。...例如，在JavaScript、Python、Java等语言中，正则表达式的实现可能有所不同，但在核心概念上是相通的。
js之正则表达式
weixin_43465508的博客
05-08 9317
正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法，以及 String 的 match、matchAll、replace、search 和 split 方法。下面的页面与表格列出了一个正则表达式中可以利用的特殊字符的完整列表和描述。断言（Assertions）表示一个匹配在某些条件下发生。断言包含先行断言、后行断言和条件表达式。字符类（Character Classes）
正则表达式2（常用）
切掉的半个柠檬的加油站
02-23 507
一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2
正则表达式
凉茶铺的博客
01-02 4018
介绍了JavaScript的正则表达式，并演示了其用法
常用正则校验逻辑整理
有糖吃就会笑3
08-10 323
【常用正则校验逻辑整理】
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
JMFive的博客
04-08 1694
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【JavaScript随手笔记】专栏的第5篇文章;今天的需求是要对字符串进行判断是否能展示，其中要能匹配包含数字和运算符的字符串，不匹配单个数字或者负数的情况；【JavaScript随手笔记】， 此专栏是我是夜阑的狗对JS数据处理的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！
js中的正则运算
zifeiyu3697的博客
05-09 586
正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、search 和 split 方法。 使用一个正则表达式字面量，其由包含在斜杠之间的模式组成，如下所示： var re = /ab+c/; 脚本加载后，正则表达式字面量就会被编译。当正则表达式保持不变时，使用此方法可获得更好的性能。 或者调用RegExp对象的构造函数，如
JavaScript | 运算符和正则表达式
weixin_47982238的博客
08-05 877
官网JavaScript指路 一、运算符 1.数学运算符 + - * / % 实例——>JavaScript页面隔行换色效果 2.比较运算符 > < >= <= != == 3.逻辑运算符 && || ！ 二、正则表达式 1.修饰词 修饰符 描述 i 执行对大小写不敏感的匹配。 g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 m 执行多行匹配。 2.方括号 方括号用于查找某个范围...
JS 正则表达式（正则匹配RegExp）
XSL_HR的博客
04-17 4232
一篇文章带你学会JS正则匹配
数学运算符正则表达式
最新发布
08-23
- *2* *3* [JavaScript中常用的正则表达式运算符](https://blog.csdn.net/m0_67840539/article/details/130933997)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

半杯可可

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值