Question

我正在进行简单的表单验证，我有3个函数，我检查输入文本字段，选择字段和2个单选按钮。对于每个组我都有一个功能，所以有3个功能。

我已经自己测试了这些功能，但它们正在运行。但是如果我在脚本的末尾一起使用它们，那么只有其中一个可以工作。

谁能告诉我我需要做什么？

// Form validation
$(function() {
    function wz_validation() {
        var ok = true;

        $('input[validate="true"]').each(function() {
            if($(this).val() == '') {
                ok = false;
                $(this).addClass('red_border');
            }
            else $(this).removeClass('red_border');
        });

        return ok;
    }

    // Check Bank select box on checkout page
    function wz_val_select() {
        if($(".payment select")) {
            if($(".payment select option:selected").val() == "") {
                $(".payment select").addClass('red_border');
                return false;
            }
            else{
                $(".payment select").removeClass('red_border'); 
                return true;
            }
        }
    }

    function wz_radio_shipping() {
        var form = $("#shipping_form");
        if(form.length) {
            if(form.find('input[name=wz_shipping]:checked').length == 0) {
                $("#checkout_shipping").addClass('red_border');
                return false;   
            }
            else{
                $("#checkout_shipping").removeClass('red_border');
                return true;    
            }
        }
    }

    var wz_form = $('#wz_form1, #wz_form2, #wz_form3, #wz_form7');

    $(wz_form).submit(function() {
        return wz_validation() && wz_radio_shipping() && wz_val_select();
    });
});

Answer 1

&&是short circuit运营商。当b是假的时候，它会阻止评估a && b中的a。

如果您希望调用所有三个函数，即使其中一些函数返回false，并且您只返回布尔值，请使用&。当&生成0或1时，您可能希望将结果转换为带有!!的布尔值：

    return !!(wz_validation() & wz_radio_shipping() & wz_val_select());

您可能还想更明确地编写它：

$(wz_form).submit(function(e) {
    var good = true;
    good &= wz_validation();
    good &= wz_radio_shipping();
    good &= wz_val_select();
    if (!good)  e.preventDefault();
});

返回多个函数的jQuery不起作用

1 个答案: