表单事件

最新推荐文章于 2022-02-25 16:33:40 发布

凯凯王

最新推荐文章于 2022-02-25 16:33:40 发布

阅读量207

点赞数

本文链接：https://blog.csdn.net/fzhwk/article/details/78112711

版权

    <script>

    var names = ["tom","rose","lily","jack"];

    function mySub(){


            var userName = document.forms['myForm']['userName'].value
            var pwd = document.forms['myForm']['pwd'].value
            var QQ = document.forms['myForm']['QQ'].value


            if(userName.length < 3 || userName > 6){
                alert("用户名格式不对!");
                return false;
            }

            //判断用户名是否可用

            var b = isName(userName);
            if(b){
                document.getElementById("isCan").innerHTML = "用户名已存在！";
                return false;
            }else{
                document.getElementById("isCan").innerHTML = "";
            }


            if(pwd.length<6){
                alert("密码必须大于6位！");
                return false;
            }

            return true;
        }
        function isName(str){
            for(var i = 0;i <names.length;i++){
                if(names[i] == str){
                    return true;
                }
            }
            return false;
        }

    </script>

</head>


<body>
    <h1>用户注册</h1>
    <hr />
    <form name="myForm" action="a.html" method="get" onsubmit="return mySub()">
        <p>
            用户名:<input name="userName" type="text"  /><span id="isCan" style="color: red;"></span>
        </p>
        <p>
            密码:<input name="pwd" type="password"  />
        </p>
        <p>
            性别:
            <input type="radio" name="sex" type="text"  checked/>男
            <input type="radio" name="sex" type="text"  />女
        </p>
        <p>
            爱好:<input name="QQ" type="text"  />
        </p>
        <p>
            学历:<input name="QQ" type="text"  />
        </p>
        <input type="submit"/>
    </form>
</body>

凯凯王

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单事件

<script> var names = ["tom","rose","lily","jack"]; function mySub(){ var userName = document.forms['myForm']['userName'].value var pwd = document.forms['myForm']['pwd'].va
复制链接

扫一扫