我正在嘗試為我創建的網站制作一個非常簡單的登錄頁面，但提交按鈕有問題。如果我在 HTML 中使用“按鈕”型別，則提交按鈕可以正常作業，但是 Enter 鍵不起作用。我發現如果我使用“提交”型別，則 Enter 按鈕和滑鼠單擊將起作用……按鈕現在越過我的 IF 陳述句，直接進入我的 Else 陳述句。任何幫助，將不勝感激。
HTML 表單：
<form>
<label for="pswd">ENTER PASSWORD</label>
<br>
<input class="box" type="password" id="pswd">
<br>
<input class="confirm" type="submit" value="SUBMIT" onclick="checkPswd();" />
</form>
JS代碼：
function checkPswd() {
var confirmPassword = "08012020";
var password = document.getElementById("pswd").value;
if (password == confirmPassword) {
window.location = "index.html";
}
else{
alert("Password is incorrect, Please try again.")
}
}
再次，提前謝謝你...
uj5u.com熱心網友回復：
我有一個 JSFiddle ，其中包含您希望在這里完成的作業示例。關鍵是呼叫你的函式后回傳false，所以頁面重定向不是由輸入提交觸發的：
function checkPswd() {
let confirmPassword = "08012020";
let password = document.getElementById("pswd").value;
if (password === confirmPassword) {
alert("CORRECT!");
} else{
alert("Password is incorrect, Please try again.")
}
}<form>
<label for="pswd">ENTER PASSWORD</label>
<br>
<input class="box" type="password" id="pswd">
<br>
<input class="confirm" type="submit" value="SUBMIT" onclick="checkPswd(); return false;" />
</form>我想補充一點，執行客戶端密碼檢查非常不安全，因為很容易檢查源代碼，所以如果您希望在真實網站中使用它，我建議您考慮另一種方法！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/493020.html
標籤：javascript html css
上一篇：演算法：三個數通過三個回圈相乘？