[英]Button only works on click, not on enter/return
我在我的網站上設置了簡單的密碼保護,以阻止隨機訪問者,並給客戶一種安全感。
我知道可以很容易地從源代碼中提取密碼,但這不是問題。
輸入密碼后,僅在單擊按鈕后才能使用。 按下enter鍵(大多數人默認是回車鍵)時,它只是在位置末尾用“?pass = password”重新加載頁面。 如果可以單擊按鈕和/或可以按Enter,則將是理想的。
在頭...
</script>
<!--- PASSWORD PROTECTION SCRIPT --->
function TheLogin() {
var password = 'accessportfolio';
if (this.document.login.pass.value == password) {
window.location.href="protected.html#portfolio";
} else {
location.href="incorrect.html";
}
}
<!--- End hiding --->
</script>
在體內...
<form name="login" style="margin: 0px">
<INPUT TYPE="text" NAME="pass" size="17"
onKeyDown="if(event.keyCode==13) event.keyCode=9;"
style="width: 250px; margin: 5px;"><br>
<input type="button" value="CLICK TO ACCESS"
style="width : 150px; margin: 10px"
onClick="TheLogin(this.form)">
</form>
該按鈕應該是一個提交按鈕,並且您應該使用表單的onsubmit而不是按鈕的onclick。
function TheLogin() { var password = 'accessportfolio'; if (this.document.login.pass.value == password) { window.location.href = "protected.html#portfolio"; } else { location.href = "incorrect.html"; } }
<form name="login" style="margin: 0px" onsubmit="TheLogin(); return false;"> <INPUT TYPE="text" NAME="pass" size="17" style="width: 250px; margin: 5px;"> <br> <input type="submit" value="CLICK TO ACCESS" style="width : 150px; margin: 10px"> </form>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.