码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript 笔记与总结(2-18)正则验证与正则匹配

时间:2015-05-03 01:57:00      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

① 判断 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>       

 

Javascript 笔记与总结(2-18)正则验证与正则匹配

标签:

原文地址:http://www.cnblogs.com/dee0912/p/4472776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!