Question

任何人都可以向我解释为什么这不起作用？这是脚本

＆＃13;

<script type= "text/javascript">
function login() {
var user = document.getElementById("username").value;
var pass = document.getElementById("password").value;
if(user == "lab18" && pass == "lab18") {
    alert("Logged In");
    locate="new11.html"
    return false;
} else {
    alert("wrong user/pass");
    return false;
    }
}
</script>

＆＃13;

以下是表格：

＆＃13;

<form name="Form" onsubmit="login()">
    <input type="submit" value="Log In" style = font-family:'Comic Sans Ms'>

＆＃13;

Answer 1

请务必注意，当您提交表单时，它会将用户重定向到action属性指定的页面。话虽如此，您的表单缺少action或method。您可以详细了解如何构建正确的表单here。

不使用HTML内联JavaScript是一个很好的习惯，所以我建议你在表单中添加一个事件监听器。请考虑以下修订：

我从表单中删除了onsubmit属性，并为其指定了唯一ID：

<form id="myForm" name="Form">

现在让我们为您的表单提交时添加一个事件处理程序（因为您似乎不希望该表单实际提交，我们可以防止该默认行为发生）：

document.querySelector("#myForm").addEventListener("submit", function(e){
    // Prevent the form from submitting
    e.preventDefault();
    // login() will be called when the form is submitted
    login();
});

<强> Working Fiddle

Javascript基本登录功能

1 个答案: