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

论坛 期权论坛 脚本     
匿名技术用户   2020-12-23 13:34   57   0
<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>
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP