Javascript基本登录功能

Javascript Basic Login Function

本文关键字：功能 登录 Javascript      更新时间：2023-09-26

任何人都能向我解释为什么这不起作用吗？这是剧本

<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>

这是表格：

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

需要注意的是，当您提交表单时，它会将用户重定向到action属性指定的页面。也就是说，您的表单缺少action或method。你可以在这里阅读更多关于如何构建正确表单的信息。

不在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();
});

工作Fiddle

相关文章：