javascript - return false 在 javascript 验证中不起作用

Question

function confirmValidation() {
    var confirmPass = document.getElementById('newpassword').value;
    var newpass = document.getElementById('newpassword2').value;
    var passLength = confirmPass.length;
    if ((confirmPass == newpass) && (confirmPass != "" && newpass != "") && (passLength > 8)) {
        alert("ok");
        return true;
    } else {
        alert("no");
        confirmPass.focus();
        return false;
    }
}

并输入:

<input name="register" type="submit" class="alert_button" onclick="return confirmValidation()" value="OK" />

Answer 1

要使 return 方法正常工作，您需要为 form 标记本身指定 onSubmit 属性/监听器。就像这样:

<form method="post" onsubmit="return confirmValidation();">
    <!-- OTHER form fields -->
</form>

来自w3c文档:

The onsubmit event occurs when a form is submitted. It only applies to the FORM element.

<小时/>

编辑

jsfiddle link添加。

您必须稍微改变一下 JavaScript，以便 .focus() 可以触发。

function confirmValidation() {
    var confirmPass = document.getElementById('newpassword');
    var newpass = document.getElementById('newpassword2');
    var passLength = confirmPass.value.length;
    if ((confirmPass.value == newpass.value) && (confirmPass.value != "" && newpass.value != "") && (passLength > 8)) {
        alert("ok");
        return true;
    } else {
        alert("no");
        confirmPass.focus();
        return false;
    }
}