正则表达式学习：案例2--正则邮编验证

最新推荐文章于 2022-07-28 14:29:35 发布

酷jjs

最新推荐文章于 2022-07-28 14:29:35 发布

阅读量900

点赞数

分类专栏：前端笔记正则表达式 Javascript

本文链接：https://blog.csdn.net/qq_32584661/article/details/80761535

版权

前端笔记同时被 3 个专栏收录

165 篇文章 2 订阅

订阅专栏

Javascript

40 篇文章 0 订阅

订阅专栏

正则表达式

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    </style>
</head>
<body>

<form>
    <span>邮政编码：</span>
    <input type="text" id="num">
    <input type="submit" value="正则验证" οnclick="check()">
</form>

<form>
    <!-- pattern  html5的新属性 -->
    <span>邮政编码：</span>
    <input type="text" pattern="^\d{6}$">
    <input type="submit" value="pattern验证" >
</form>

<script>

    function check() {
        var str= document.getElementById("num").value;
        var reg =/^\d{6}$/;
        var boo = reg.test(str);
        if(boo){
           alert("格式正确！");
        }else{
            alert("格式不正确！");
        }

    }


</script>

</body>
</html>