html校验

最新推荐文章于 2024-07-17 18:42:40 发布

迎风奔跑

最新推荐文章于 2024-07-17 18:42:40 发布

阅读量927

点赞数

分类专栏：页面技术文章标签： html JavaScript

页面技术专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>正则表达式综合练习</title>
    </head>
    <body>
        <center>
            <h1>多种信息格式验证</h1>
            <hr>
            <form name="myform">
                <input type="text" name="email" size="30">
                <input type="button" value="邮件地址" οnclick="click1()">
                <br>
                <input type="text" name="ip" size="30">
                <input type="button" value="IP  地址" οnclick="click2()">
                <br>
                <input type="text" name="card" size="30">
                <input type="button" value="身份证号" οnclick="click3()">

                <br>
                <input type="text" name="date" size=30>
                <input type="button" value="日期格式" οnclick="click4()">
                <br>
                <input type="text" name="time" size="30">
                <input type="button" value="时间格式" οnclick="click5()">
                <br>
            </form>
        </center>
        <script type="text/javascript">
            function click1()
            {
                var str=document.myform.email.value;
                var reg=/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
                if(reg.test(str))
                {
                    alert("格式正确！");
                }
                else
                {
                    alert("格式错误！");
                }
            }
            function click2()
            {
                var str=document.myform.ip.value;
                var reg=/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/;
                if(reg.test(str))
                {
                    alert("格式正确！");
                }
                else
                {
                    alert("格式错误！");
                }
            }
            function click3()
            {
                var str=document.myform.card.value;
                var reg=/^\d{17}(\d|X)$/;
                if(reg.test(str))
                {
                    alert("格式正确！");
                }
                else
                {
                    alert("格式错误！");
                }
            }
            function click4()
            {
                var str=document.myform.date.value;
                var reg=/^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
                if(reg.test(str))
                {
                    alert("格式正确！");
                }
                else
                {
                    alert("格式错误！");
                }
            }
            function click5()
            {
                var str=document.myform.time.value;
                var reg=/^([0-1]\\d|2[0-3]):[0-5]\\d:[0-5]\\d$/;
                if(reg.test(str))
                {
                    alert("格式正确！");
                }
                else
                {
                    alert("格式错误！");
                }
            }
        </script>
    </body>
</html>