时间戳

首页 > 解决方案 > 仅在验证凭据后，如何为 html 按钮“onclick="location.href=''" 进行用户登录？

javascript - 仅在验证凭据后，如何为 html 按钮“onclick="location.href=''" 进行用户登录？

问题描述

我正在尝试为 Web 应用程序制作登录页面。验证用户名和密码后，如何仅允许按钮的 onclick=""？

以下是我所拥有的：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Customer Login</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Language" content="ch-cn">
<script>

    function validate() {
        var uname = document.getElementById("uname");
        var upass = document.getElementById("upass");
        if(uname.value == ""){
            alert("username can't be null");
            return false;
        }

        else if(upass.value ==""){
            alert("password can't be null");
            return false;
        }
        else
            return true;
    }

</script>
</head>
<body>
    This is the Customer login page.
    <br>
    <form method="post" action="custlogin">
        user SSN:<input type="text" id="uname" name="userSSN"><br>
        <br> password:<input type="password" id="upass" name="pwd"><br>
        <br>
        <button type="submit" value="submit" onclick="return validate();">submit</button>
        <button type="reset" value="reset">reset</button>
    </form>
</body>
</html>

标签： javascripthtml

解决方案

您在哪里存储有效用户名和密码的信息？数据库？

我试图提供帮助，但我不是专家。

据我了解，需要根据已保存在数据库中的值来测试输入值。

就像是

具有 ID 为 userName ， passWord 的表单字段

if {
userName == howeverYouReferenceAusernameindb
&& passWord == @tablename.columnName 
{
login code here
}
else { "please put valid creds"
}
}

推荐阅读