7.31表单的验证

最新推荐文章于 2024-06-22 09:52:18 发布

KKsuri

最新推荐文章于 2024-06-22 09:52:18 发布

阅读量263

点赞数

分类专栏：学习日记

本文链接：https://blog.csdn.net/kksuri/article/details/81368024

版权

学习日记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

表单验证

今天主要讲了if的循环语句以及表单验证时正则表达式的运用。

<html>
    <head></head>
<body>
    <form>
        <span style="color:red">*</span>ÕË»§Ãû³Æ£º<input type="text" id="username"><span style="color:red" id="usernameError"></span><br>
         QQ£º<input type="text" id="qq"><br>
         µç»°£º<input type="text" id="tel"><br>
        <input type="button" value="Ìá½»" onclick="formReg()"><span id="resultSpan"></span>
    </form>
    <script type="text/javascript">
        var formReg=function(){
            var flag = true;
            var errorMsg = "";
            var username = document.getElementById("username").value;
            var qq = document.getElementById("qq").value;
            var tel = document.getElementById("tel").value;
            if (username.trim() == "" || username.trim().length > 6) {
                flag = false;
                document.getElementById("usernameError").innerHTML = "ÓÃ»§ÃûÎª¿Õ»òÕß×Ö·û³¬¹ý6¸ð";
            } else {
                document.getElementById("usernameError").innerHTML = "" ;
            }
            if (qq.trim() !="" && isNaN(qq)) {
                flag = false;
                errorMsg += "QQºÅ±ØÐëÎªÊý×Ö|";
            }
            var myreg = /^[1][3,4,5,7,8][0-9]{9}$/
            if (tel.trim()!="" && isNaN(tel)) {
                flag = false;
                errorMsg += "ÊÖ»úºÅ²»ºÏ·¨|";
            }
            if (flag) {
                document.getElementById("resultSpan").innerHTML = "ÑéÖ¤³É¹¦";
                document.getElementById("resultSpan"). style.color = "green";
            } else {
                document.getElementById("resultSpan").innerHTML = "ÑéÖ¤Ê§°Ü";

            }
        }
    </script>
</body>
</html>