正则表达式

• 正则表达式 \ | 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如，'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\' 匹配 "" 而 "(" 则匹配 "("。 | | ----- | --------------------------------------------------------------------------------------------------------------- | | ^ | 匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 '\n' 或 '\r' 之后的位置。 | | $| 匹配输入字符串的结束位置。如果设置了RegExp 对象的 Multiline 属性，$ 也匹配 '\n' 或 '\r' 之前的位置。 | | * | 匹配前面的子表达式零次或多次。例如，zo* 能匹配 "z" 以及 "zoo"。* 等价于{0,}。 | | + | 匹配前面的子表达式一次或多次。例如，'zo+' 能匹配 "zo" 以及 "zoo"，但不能匹配 "z"。+ 等价于 {1,}。 | | ? | 匹配前面的子表达式零次或一次。例如，"do(es)?" 可以匹配 "do" 或 "does" 。? 等价于 {0,1}。 | | {n} | n 是一个非负整数。匹配确定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的两个 o。 | | {n,} | n 是一个非负整数。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。 | | {n,m} | m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次。例如，"o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。 \w | 匹配字母、数字、下划线。等价于'[A-Za-z0-9_]'。 | | \W | 匹配非字母、数字、下划线。等价于 '[^A-Za-z0-9_]'。 \d | 匹配一个数字字符。等价于 [0-9]。 | | \D | 匹配一个非数字字符。等价于 [^0-9]。 [a-z]匹配所有的小写字母; [A-Z]匹配所有的大写字母; [a-zA-Z]匹配所有的字母; [0-9]匹配所有的数字

• 用正则表达式写表单

<script>
    let user = document.querySelector('#user')
    let s1 = document.querySelector('#s1')
    let pwd = document.querySelector('#pwd')
    let s2 = document.querySelector('#s2')
    let f = document.querySelector('#form')
    function blurUser() {
        let reg = /^\w{4,16}$/;
        if (user.value.trim() == '') {
            s1.innerHTML = '用户名不能为空'
            user.style.border = '1px solid red'
            return false
        }
        if (reg.test(user.value) == false) {
            s1.innerHTML = '用户名必须是由数字、字母或下划线组成的4-16位字符'
            return false
        }
        else {
            user.style.border = '';
            s1.innerHTML = '';
            return ture;
        }
    }
    user.onblur = blurUser;
    function blurPwd() {
        let reg = /^[a-zA-Z0-9]{6,}$/
        if (pwd.value.trim() == '') {
            s2.innerHTML = '密码不能为空'
            pwd.style.border = '1px solid red'
            return false
        }
        if (reg.test(pwd.value) == false) {
            s2.innerHTML = '密码必须由字母或数字组成的不少于6位字符'
            return false
        }
        else {
            pwd.style.border = '';
            s2.innerHTML = '';
            return ture;
        }
    }
    pwd.onblur = blurPwd;
    f.onsubmit = function () {
        if (blurUser() && blurPwd()) {
            return ture;
        }
        else {
            return false;
        }
    }
</script>