javascript - 如何停止传播下一个内联函数

Question

我有这个需要的html代码:

//html code
<a href="javascript:void(0);" title="Save" onclick="validate(event, document.thisForm); return submitForm(document.thisForm);"></a>
<form name="thisForm">
    //some stuff without submit button and required inputs
</form

我的 JS 看起来像这样:

function validate(event, form)
{
    var error = '';

    var $inputs = jQuery(form).find(':input[required]');

    $inputs.each( function() {
        if(jQuery(this).val().length === 0) {
            error += 'missing value';
            return;
        }
    });

    if (error !== '') {
        event.preventDefault();
        event.stopPropagation();
        event.stopImmediatePropagation();

        window.alert(error);
        return false;
    }

    return true;
}

问题是，当验证出现问题时，无法停止调用submitForm函数。

Answer 1

将您的 onclick 事件处理程序更改为:

return validate(event, document.thisForm) && submitForm(document.thisForm);