Javascript檢查表單onsubmit

Question

我已經使用event.preventDefault()停止了form操作並調用了login() ，但是當login函數返回true ，它仍然無法執行表單操作嗎？

HTML：

<form onsubmit="event.preventDefault();return login();" action="index.php" method="get" id="register-form" >

Javascript：

<script type="text/javascript">
function login() {

    var password = window.prompt("Please input password", "");
    if (password !== '123') {
        alert('Password is incorrect');
        return false;
    } else {
        alert('Success');
        return true;
    }
}
</script>

Answer 1

刪除event.preventDefault(); 從onsubmit 。 無論login()返回的值如何，都將停止提交表單。

演示版

 function login() { var password = window.prompt("Please input password", ""); if (password !== '123') { alert('Password is incorrect'); return false; } else { alert('Success'); return true; } } 

 <form onsubmit="return login();" action="index.php" method="get" id="register-form"> <input type="submit" value="Login" /> </form>