JavaScript正则和input框校验规则

元字符

元字符即在正则表达式中有特殊含义的字符。
元字符分为四类：

• 单个数字和字符（常用）
  [0-9] 匹配单个数字0-9。
  [a-zA-Z0-9_] 匹配单个字母、数字、下划线。
  [^范围] 匹配任意一个除括号范围内的字符。
  [^0-9] 匹配任意一个非数字字符。
  \w 匹配单个数字、字母下划线 等价于 [a-zA-Z0-9_]。
  \W 匹配单个非数字、字母下划线。
  \d 匹配单个数字 等价于 [0-9]。
  \D 匹配单个非数字 等价于 [^0-9]。
  \.匹配除换行符 \n 之外的任何单字符。
  \?匹配前面的子表达式零次或一次，
  例：/\w{2} \d?/ //匹配2个单字字符和一个任意的数字.

• 锚字符
  行首匹配^，必须以这个为开头。
  行尾匹配$，必须以这个为结尾。

• 重复数字
  x? 匹配0个或者1个x
  x+ 匹配至少一个x字符
  x* 匹配任意个x字符
  x{n} 必须匹配n个x字符
  x{n,m}最少匹配n,最多匹配m.

• 空白字符
  \s 匹配任意单个的空白字符
  \S 匹配任意单个非空白字符

input邮箱校验

var input = /^([A-Za-z0-9_-.])+@([A-Za-z0-9_-.])+.([A-Za-z]{2,4})$/;
或者
\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*
\w任意大小写英文字母 0-9数字 下划线 +为至少出现1个以上字符。
[-+.]\w+ 任意包含 - + . 及 \w字符的组合出现1次或多次。
@ 固定符号。
([-.]\w+)*出现零次或多次这种组合的字符。
. 固定符号 必须包括一个这个。
邮箱地址 必须由 大小写字母 或 数字 或下划线开头，其后可以跟上任意的 \w字符 和 中划线 加号 英文句号 @ 跟上任意的 \w字符 和 中划线 加号 英文句号 . 跟上任意的 \w字符 和 中划线 加号 英文句号

export function OnSubscribe(emails) {
    if (!(/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(emails))) {
        if (emails == '') {
            alert('请输入邮箱')
            return false
        } else {
            alert('邮箱格式错误')
            return false
        }
    } else {
        console.log('正确');
        return true
    }
}

密码校验

var password = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;
包含数字大小写字母和特殊字符

export function callback(passwords) {
    // let passwords = person.password
    if (!(/^.*(?=.{8,32})(?=.*\d)(?=.*[A-Za-z]).*$/.test(passwords))) {
        if (passwords == '') {
            alert('请输入密码')
            return false
        } else if (passwords.length < 8 || passwords.length >=32 ) {
            alert('密码长度要大于8位小于32位')
            // person.password = ''
            return false
        } else {
            alert('密码要包括字母、数字')
            // person.password = ''
            return false
        }
    } else {
        console.log('格式正确')
        // console.log(person.password);
        return true
    }
}

验证码校验

export  function useCord(cords){
    if(!(/^\d{6}$/.test(cords))){
        if(cords == ''){
            alert('请输入验证码')
            return false
        }else{
            alert('请输入正确的验证码')
            return false
        }
    }else{
        console.log('正确')
        return true
    }
}

常用方法

1.RegExp()：构造函数，有两个参数，第一个参数是正则表达式，第二个参数是表示使用什么样的模式来匹配（可省略）。

2.exec():字符串中执行查找匹配的RegExp方法，它返回一个数组（未匹配到则返回null）。该方法有一个参数，表示要匹配的字符串。
var res = RegExp(“[0-9]{2}”);
var regex = res.exec(1234567);//[“12”, index: 0, input: “1234567”]

3.test():字符串中是否匹配的RegExp方法，返回true或false。该方法有一个参数，表示要匹配的字符串。
var res = new RegExp(“[0-9]{2}”);
var result = res.test(1234567);