构建一个登录页面,实现用户名和密码的基本验证

<form action="https://www.baidu.com/" onsubmit="return fn()">
    <input type="text" name="userName" />
    <input type="password" name="passWord" />
    <button type="submit" >点我</button>
</form>
<script>  
    function fn() {
        var flag=true;
        var myUserName = document.querySelectorAll("input")[0];
        var myPassWord = document.querySelectorAll("input")[1];
        if (myUserName.value == "zs") {
            if (myPassWord.value == "0819") {
                alert("验证成功");
                return flag;
            }
            else {
                flag = false;
                alert("密码错误,请重新输入");
                return flag;
            }
        }
        else {
            flag = false;
            alert("用户名错误,请重新输入!");
            return flag;
        }
    }
</script>

猜你喜欢

转载自blog.csdn.net/weixin_43748930/article/details/85128194