我正在尝试使用 JavaScript 对页面的一部分进行密码保护。用户将看到一个简单的输入字段和提交按钮,在输入正确的密码后,用户将获得对“隐藏”内容的访问权限。
目前,无法查看“隐藏”内容,因为每次重新加载页面时它都会被隐藏(在表单提交时发生)。
是的,我知道这不被视为“密码保护”,因为密码是在 js 本身中找到的,但这对于这种特定情况并不重要。
这是我的代码,感谢您的帮助。
<script language="JavaScript">
window.onload=function(){
var e = document.getElementById("hiddenContent");
e.style.display = 'none';
};
function showPass(form){
var pass = form.pwd.value;
if(pass == "password") {
e.style.display = 'block';
}
}
</script>
<form action="#" onsubmit="showPass(form);return false">
Please Enter The Password: <input type="password" name="pwd" />
<input type="submit" value="Log In" />
</form>
<div id="hiddenContent">Here is the Hidden content...</div>
正确提交密码后如何查看隐藏内容?