JavaScript高级笔记04 正则表达式

正则表达式

  • 用于匹配字符串中的字符组合

1.创建正则表达式

  • 正则表达式是一个对象
    1. 利用RegExp对象创建
      var regexp = new RegExp(/123/)
    2. 利用字面量创建
      var regexp = / /
    3. 检测输入文本是否符合正则表达式
      regexpObj.test(str) ;正则表达式名字.test(输入的文本)

2.相关符号

  • 元字符
2.1首尾元字符
  • 边界符
    1. ^ ,以谁开始
    2. $ ,以谁结束
    3. ^ $ ,只能是里面的内容
2.2基本元字符
  • 字符类[ ],只要包含其中之一就可以了,返回布尔值
    1. ^ [abc] $ ,只能是a或b或c
    2. ^ [abc] ,以a或b或c开头
    3. [abc] $ ,以a或b或c结尾
    4. ^ [abc] $ ,只能匹配a、b、c
    5. ^ [a-z] $ ,26个小写英文字母,多选一
    6. ^ [a-zA-Z0-9_-] $ ,26个英文字母(大小写),0~9,_ -,多选一
    7. ^ [^] $ ,取反,不能包含
2.3限定元字符
  • 量词符,设定某个模式表达的次数
    1. *,出现0到多次
    2. +,出现1到多次
    3. ?,出现1次或0次
    4. {n},出现n次
    5. {n,},出现n到多次
    6. {n,m},出现n到m次
2.4特殊元字符
  • 预定义类,某些方法的简写
    1. \d (digital):数字 [0-9]
    2. \D 非数字 [ ^0-9]
    3. \w (word):字母,数字,_ [a-zA-Z0-9_]
    4. \W [ ^a-zA-Z0-9_]
    5. \s(space):空格 [\t\r\n\v\f]
    6. \S [ ^\t\r\n\v\f]
2.5替换
  • 字符串对象.replace(字符串|正则表达式,新字符串)
  • 返回一个替换完毕的新字符串

3.用户名验证案例

		var span = document.querySelector('span')
        var uname = document.querySelector('.uname')
        var reg = /^[a-zA-Z0-9_]{6,16}$/
        uname.onblur = function(){
            if(reg.test(this.value)){
                span.className = ('right')
                span.innerHTML = '用户名输入正确'
            }else{
                span.className = ('wrong')
                span.innerHTML = '用户名输入错误'
            }
        }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值