构建一个登陆页面实现验证跳转

最新推荐文章于 2023-10-13 15:37:53 发布

weixin_43748935

最新推荐文章于 2023-10-13 15:37:53 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_43748935/article/details/85132622

本文介绍了一个简单的HTML登录表单实现，包括用户名和密码输入框，以及使用JavaScript进行登录验证的过程。当用户尝试登录时，脚本会检查用户名是否为'zs'且密码是否为'12345'，以此来判断输入是否正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form action="https://www.baidu.com" onsubmit="return fc()">
    <input type="text" name="username" value="vvv" />
    <input type="password" name="password" />
    <button type="submit">登录</button>
</form>
<script>

    function fc() {
        var fs = true
        var inp1 = document.querySelectorAll("input")[0];
        var inp2 = document.querySelectorAll("input")[1];
        var myInp1 = inp1.value;
        var myInp2 = inp2.value;
        if (myInp1 == "zs") {
            if (myInp2 == "12345") {
                alert("输入正确");
                return fs;
            }
            else {
                fs = false;
                alert("密码错误");
                return fs;
            }
        }
        else {
            fs = false;
            alert("用户名错误");
            return fs;
        }
    }

</script>