正则表达式特殊字符

最新推荐文章于 2024-05-23 11:10:22 发布
最新推荐文章于 2024-05-23 11:10:22 发布
阅读量275 收藏
点赞数
分类专栏： javascript高级 文章标签： 正则表达式 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45611976/article/details/129751538
版权

正则表达式特殊字符

1.边界符

在这里插入图片描述

2.字符类

**概念: **[ ]表示有一系列的字符可供选择，只要匹配其中一个就可以
// 1. 匹配字符是否是a-z的其中一个
var rg = /^[a-z]$/ ;
console.log(rg.test('a')); //true
console.log(rg.test('s')); //true
console.log(rg.test('z')); //true
console.log(rg.test('ab')); //false
console.log(rg.test('xbc')); //false

// 2. 字符组合
var rg = /^[a-zA-Z0-9_-]$/;
// 匹配 a-z  或者  A-Z  或者 0-9 或者 _ 或者 - 中的任意一个字符

console.log(rg.test('a')); //true
console.log(rg.test('X')); //true
console.log(rg.test(8)); //true
console.log(rg.test('_')); //true
console.log(rg.test('-')); //true
console.log(rg.test('!')); //false
console.log(rg.test('ab')); //false

// ^在[]中表示 取反
var rg = /^[a-zA-Z0-9]$/	// 匹配除了 a-z 和 A-Z 和 0-9的字符

console.log(rg.test('a')); //false
console.log(rg.test('B')); //false
console.log(rg.test('7')); //false
console.log(rg.test('xx')); //false
console.log(rg.test('!')); //true
console.log(rg.test('_')); //true

3.量词符

作用： 量词符用来设定某个在这里插入图片描述

模式出现的次数

在这里插入图片描述

       // 量词符: 用来设定某个模式出现的次数
        var reg = /^a$/;
        console.log(reg.test('a')); //true
        console.log(reg.test('aa')); //false


        // 1. * 相当于 >= 0 可以出现0次或者很多次 
        var reg = /^a*$/;
        console.log(reg.test(''));	//true
        console.log(reg.test('a'));	//true
        console.log(reg.test('aa'));//true
        console.log(reg.test('aaaaaa')); //true

        // 2. + 相当于 >= 1 可以出现1次或者很多次
        var reg = /^a+$/;
        console.log(reg.test(''));	//false
        console.log(reg.test('a')); //true
        console.log(reg.test('aa'));//true
        console.log(reg.test('aaaaaa'));//true

        // 3. ?  相当于 1 || 0
        var reg = /^a?$/;
        console.log(reg.test(''));	//true
        console.log(reg.test('a'));	//true
        console.log(reg.test('aa'));//false
        console.log(reg.test('aaaaaa'));//false

        // 4. {3 } 就是重复3次
        var reg = /^a{3}$/;
        console.log(reg.test(''));	//flase
        console.log(reg.test('a'));	//false
        console.log(reg.test('aa'));//false
        console.log(reg.test('aaaaaa'));//false
        console.log(reg.test('aaa'));	//true

        // 5. {3, }  大于等于3
        var reg = /^a{3,}$/;
        console.log(reg.test(''));	//false
        console.log(reg.test('a'));	//false
        console.log(reg.test('aa'));//false
        console.log(reg.test('aaaaaa'));//true
        console.log(reg.test('aaa'));	//true

        // 6. {3, 16}  大于等于3 并且 小于等于16
        var reg = /^a{3,6}$/;
        console.log(reg.test(''));	// false
        console.log(reg.test('a'));	// false
        console.log(reg.test('aa'));// false
        console.log(reg.test('aaaaaa'));	//true
        console.log(reg.test('aaa'));		//true
        console.log(reg.test('aaaa'));		//true

// 量词设定某个模式出现的次数
var reg = /^[a-zA-Z0-9_-]{6,16}$/;		

//     {a,b}    中间不能有空格
//     {6,16}   正确写法
//     {6, 16}  错误写法

4.用户名验证 案例

​ 功能需求
在这里插入图片描述
分析
在这里插入图片描述

​

 注：		分析第二个书写错误  
 		 正确： /^[a-zA-Z0-9_-]$/ 

    <style>
        span {
            color: #aaa;
            font-size: 14px;
        }
        
        .right {
            color: rgb(15, 246, 15);
        }
        
        .wrong {
            color: red;
        }
    </style>
</head>
<body>
    <input type="text" class="uname"><span> 请输入用户名</span>
    <script>
        var reg = /^[a-zA-Z0-9_-]{6,16}$/;
        var uname = document.querySelector('.uname');
        var span = document.querySelector('span');
        // 当用户离开input输入框时执行次函数
        uname.onblur = function () {
            console.log('输入的值为：'+uname.value);
            //判断用户名是否符合规范
            if(reg.test(this.value)) {
                console.log('正确');
                span.className = 'right';
                span.innerHTML = '用户名输入正确';
            } else {
                console.log('错误');
                span.className = 'wrong';
                span.innerHTML = '用户名输入错误';

            }
        }
        // console.log(reg.test('yanle555'));	// true
        // console.log(reg.test('yanle'));	    // true
        // console.log(reg.test('dt_daling')); // true
        // console.log(reg.test('XXX!@'));	    //false
        // console.log(reg.test('aaax'));		//flase
        // console.log(reg.test('aaaa11_'));	//true
    </script>
</body>
</html>

5.预定义类

表示： 某些常见模式的简写方式

在这里插入图片描述

6.正则表达式的参数

/表达式/[switch]
switch 有3种值 
    g: 全局匹配
    i: 忽略大小写
    gi: 全局匹配+忽略大小写

// 敏感词替换效果
// .replace(被替换者，替换者)
将 激情和gay字符串 在全局中 替换为 **
div.innerHTML = str.replace(/激情|gay/g,'**');
言樂
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
正则表达式中的特殊字符
honeygirl_的博客
11-24 1万+
正则表达式中的特殊字符 组成 一个正则表达式可以由简单的字符构成，比如 /abc/，也可以是简单和特殊字符的组合，比如 /ab*c/ 。其中特殊字符也被称为元字符，在正则表达式中是具有特殊意义的专用符号，如 ^ 、$ 、+ 等。 特殊字符非常多，可以参考： MDN jQuery 手册：正则表达式部分 边界符 正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符 边界符 说明...
Java过滤特殊字符的正则表达式----转载
Luxika的专栏
04-22 199
// 过滤特殊字符 public static String StringFilter(String str) throws PatternSyntaxException { // 只允许字母和数字 // String regEx = "[^a-zA-Z0...
Clickhouse 字符串函数使用总结—— Clickhouse基础篇（七）
最新发布
奔跑的蜗牛的博客
05-23 541
将字符串 10 用字符串 s 补齐至7位，
匹配一下各种特殊字符的正则表达式（转载）
weixin_30542079的博客
12-29 1761
写个可以匹配一下各种特殊字符的正则表达式 来源： https://blog.csdn.net/qmdweb/article/details/80895918 2018年07月03日 11:29:25qmdweb阅读数：12507 ((?=[\x21-\x7e]+)[^A-Za-z0-9]) x21-\x7e]+)[^A-Za-z0-9]) ...
正则表达式的特殊字符
mycar001的博客
11-03 2268
正则表达式的特殊字符  符号  说明  ^  正则表达式的开始字符  $  正则表达式的结束字符  \w  匹配字母、数字、下划线  \W  匹配不是字符、数字、下划线的字符  \s  匹配空白字符  \S  匹配不是空白的字符  \d  匹配数字  \D  匹配非数字的字符
一天学会正则表达
weixin_34127717的博客
07-14 174
1、字符\ 对于单个字符，通常按字面意义表示，\字符指出其后的字符为特殊字符，所以不做字面意义解释，而解释为特殊字符。 例如/b/相当于字符b,通过在b前面加一个反斜杠，即为/\b/,则该字符变成特殊字符，表示匹配一个单词的分界线。对于几个字符，通常说明是特殊的，\符号指出其后的字符不是特殊的，而应按字面解释 2、字符* 表示匹配的字符必须在最前边。 例如 /^A/字符不匹配 an A中...
正则表达式匹配各种特殊字符
12-13
写个可以匹配一下各种特殊字符的正则表达式 ((?=[\x21-\x7e]+)[^A-Za-z0-9]) x21-\x7e]+)[^A-Za-z0-9]) 这个匹配所有键盘上可见的非字母和数字的符号 var patrn = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~...
正则表达式 特殊字符应用分析[简单详细入门必看]
12-03
字符/ 意义：对于字符，通常表示按字面意义，指出接着的字符为特殊字符，不作解释。 例如：/b/匹配字符’b’,通过在b 前面加一个反斜杠，也就是/b/，则该字符变成特殊字符，表示 匹配一个单词的分界线。 或者： 对于...
正则表达式特殊字符的转义
01-14
正则表达式特殊字符的转义,常用网页特殊字符转义，网络爬虫特殊字符处理
JS正则表达式必须包含数字、字母、特殊字符
10-16
主要介绍了JS正则表达式必须包含数字、字母、特殊字符的相关资料,文中还给大家提到了js 正则表达式 匹配除汉字，字母，数字，逗号，句号外的特殊字符（用来规范输入内容）需要的朋友可以参考下
正则表达式 所有特殊符号
02-24
正则表达式 特殊 符号 修正符，基本上所有符号都在这里了
特殊字符正则表达式
orichisonic的专栏
03-11 1795
不知道哪位高手能够一起改进这个特殊字符验证if (Regex.IsMatch(txtPwd.Text, "[A-Za-z]+"))                {                    if (Regex.IsMatch(txtPwd.Text, "[0-9]+"))                    {                        if (Regex.
正则表达式中的特殊字符一览
zgqtxwd的专栏
05-01 240
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
正则表达式中常用特殊字符
zxhohai的博客
10-29 5552
正则表达式中常用特殊字符 在做字符串匹配时，正确恰当的使用正则表达式能帮我们节省不少工作，做到事半功倍，这篇博客将介绍正则表达式中最常用的特殊字符。 第一类，字符串开始结尾限定符 ^ 指定字符串必须以“^”后字符开头 $ 指定字符串必须以“$”前字符结尾 第二类，匹配量词 * 匹配“*”前字符0次或者更多次 + 匹配“+”前字符1次或者更多次 {} 匹配方括号前字符指定次数，...
正则表达式-匹配各种特殊字符
热门推荐
junior77的专栏
07-14 6万+
匹配各种特殊字符的正则表达式 1 2 ((?=[\x21-\x7e]+)[^A-Za-z0-9]) x21-\x7e]+)[^A-Za-z0-9]) 匹配所有键盘上可见的非字母和数字的符号 1 2 3 4 5 var patrn = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？
使用正则表达式匹配特殊字符串,例一
weixin_34253539的博客
05-08 351
这道题是在csdn上看到的,据说是一道面试题,虽然本人也觉得面试搞这样的题目很无意义,但是正在学习正则表达式就也尝试做了一下. 题目: 现有一字符串: String str ="aaa[bbb[ccc,ddd[eee,fff]],ggg[hhh,iii]]"; 要求,取出所有类似xxx[xxx,xxx] 结构的字符串 , 求一正则表达式,能将这个字符串分割...
js中用正则表达式 过滤特殊字符 ,校验所有输入域是否含有特殊符号
weixin_34007886的博客
06-24 2588
function stripscript(s) { var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]") var rs = ""; for (var i = 0; i < s.length; i++) { rs = rs+s.substr(...
正则表达式 特殊字符
11-13
以下是关于正则表达式特殊字符的介绍： 1. \d：匹配任意数字，等价于[0-9]。 2. \D：匹配任意非数字字符，等价于[^0-9]。 3. \w：匹配任意字母、数字、下划线，等价于[A-Za-z0-9_]。 4. \W：匹配任意非字母、数字、...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值