jQuery 如果不在函数中提交不再工作

Question

我在项目中进行表单简单验证。我用validate="true"检查所有字段，并用一个额外的功能检查一组单选按钮。

首先，您会看到validate="true"的文本字段的函数，然后是单选按钮的函数wz_radio_shipping，然后我检查这两个函数，并为表单提交返回true或false。

在函数wz_radio_shipping中，我使用了！在if语句中。通过这样做，如果单选按钮为空，则会成功检查它们，但我的表单无法再提交。如果我删除！单选按钮检查不再有效，但我的表格现在可以提交了。

我已经试着改变了！到=="，但这不起作用。

有人能帮我吗？

$(wz_form).submit(function() {
    function wz_validation() {
        var value=false;
        var txtboxes=$('input[validate="true"]');
        for(var i=0;i<txtboxes.length;i++) {
            if($(txtboxes[i]).val()=="") {
                $(txtboxes[i]).addClass('red_border');
                value=false;
            }
            else{
                $(txtboxes[i]).removeClass('red_border');
                value=true;
            }
        }
        return value;
    }

    function wz_radio_shipping() {
        if($("#shipping_form")) {
            if(!$('input[name=wz_shipping]:checked', '#shipping_form').val()) {
                $("#checkout_shipping").addClass('red_border');
                return false;   
            }
            else{
                $("#checkout_shipping").removeClass('red_border');
                return true;    
            }
        }
    }
    if(wz_validation() & wz_radio_shipping()) {
        return true;    
    }
    else{
        return false;   
    }
}); 

Answer 1

您的主要问题是：

if(wz_validation() & wz_radio_shipping()) { // <-- notice single "&"

应该是：

if(wz_validation() && wz_radio_shipping()) { // <-- now is double "&"

试试这个优化的解决方案：

$(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;
    }
    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;    
            }
        }
    }
    $(wz_form).submit(function() {
        return wz_validation() && wz_radio_shipping();
    });
});