javascript - 从第二个函数调用中提交取消表单提交

Question

当确认消息取消时，我试图阻止表单提交，但如何从 each() 内部取消表单提交？

$('#myForm').submit(function() {
    var inputs = $(this).find('input:checked');
    inputs.each(function() {
        var inputId = $(this).attr('id');
        if(inputId != undefined && inputId.substring(0, 8) == 'inputName') {
            var r = confirm("Are you sure you want to continue?");
            if (r == true) {
                return true;
            } else {
                // This doesn't stop the form submit
                return false;
            }
        }
    });

    return true;
});

Answer 1

您可以使用传递给事件监听器的事件参数来代替；它有a method named preventDefault()这将阻止执行默认操作。

$('#myForm').submit(function (<strong>e</strong>) {
    var inputs = $(this).find('input:checked');

    inputs.each(function () {
        var inputId = this.id;

        if (inputId != undefined && inputId.substring(0, 8) == 'inputName') {
            var r = confirm("Are you sure you want to continue?");

            <strong>if (!r) {
                e.preventDefault();</strong>
            }
        }
    });
});