如果密码正确，你能创建一个基本的密码验证表单重定向到另一个页面吗

Question

我仍然在掌握HTML的技巧，我想知道你是否可以创建一个基本表单来检查输入的项目是否正确，然后发送警报或重定向到另一个页面。我已经知道如何创建重定向和警报，但我只是在密码部分遇到了问题。提前谢谢。

Answer 1

遗憾的是，由于JavaScript的性质，密码总是能够从源代码中获得，除非您将其与后端API请求链接。

但这里有一个非常简单的例子，密码为opensesame。

function submitHandler(event) {
const formData = new FormData(event.target);
const password = "opensesame";
if (formData.get("password") === password) {
alert("You're In!");
}
event.preventDefault();
return false;
}
const form = document.getElementById("form");
form.addEventListener("submit", submitHandler);

<form id="form">
<label>Password: <input name="password" type="password"></label>
<br><br>
<button type="submit">Submit form</button>
</form>