Javascript 笔记与总结（2-18）正则验证与正则匹配

浏览数：17 / 时间：2015年06月08日

① 判断 String 是否符合正则要求

patt.test(String);

② 找出字符串中符合正则的子串

patt.exec(String);

【例】表单提交：

a.用户名不能为空，只能是数字及字母，6-11位

b.email 不能为空且格式正确

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        table{
            width:400px;
            height:400px;
            border:0;
            border-collapse: collapse;
            background:orange;
        }

        td{
            border: 1px solid gray;
            cursor:pointer;
        }
    </style>
</head>
<body>
    <form action="">
        <p>用户名:<input type="text" name="username" id=""></p>
        <p>Email:<input type="text" name="email" id=""></p>
        <p><input type="submit" value="提交"></p>
    </form>
</body>
<script>
    document.getElementsByTagName("form")[0].onsubmit = function(){
        var patt = /^[a-zA-Z0-9]{6,11}$/;
        if(!patt.test(document.getElementsByName("username")[0].value)){
            alert("用户名只能是6-11位数字及字母组成");
            return false;
        }

        patt = /^[a-zA-Z0-9\.-]+@\w+(\.\w+)+$/;  //域名不能有_,可以有-
        if(!patt.test(document.getElementsByName("email")[0].value)){
            alert("邮箱错误");
            return false;
        }
    }
</script>
</html>