jquery - 如何停止 JQuery 提交然后运行 ​​ajax 验证然后提交表单

Question

我有一个表单，我想在提交之前进行验证。

我尝试了来自 stackoverflow 的不同解决方案，但没有以下代码可以工作。

当一切正常时，我无法提交表单。

$('#form1').submit(function(e) {
    e.preventDefault();
    var xxx = $('#xxx').val();
    var yyy = $('#yyy').val();
    var zzz = $('#zzz').val();
    var uuu = $('#uuu').val();
    var data_string = 'uuu=' + uuu;
    if (zzz != '000000' && zzz != '') {
        $.ajax({
            url: 'ajax.php',
            type:'POST',
            data: data_string,
            dataType: 'json',
            cache: false,
            success: function(response){
                if (response == false) {
                    if (xxxl == '') {
                        alert("Text!");
                    }
                    else if (yyy == '') {
                        alert("Text!");
                    }
                    else {
                        $(this).trigger('submit');
                    }
                }
            }
        });
    }
    else {
        $(this).trigger('submit');
    }
});

Answer 1

好的，我终于自己解决了这个问题。我做了2个不同的功能。1 用于提交，另一个用于 ajax。这是一个例子：

             $('#form1').submit(function(event) {
                var xxx = $('#xxx').val();
                var yyy = $('#yyy').val();
                var zzz = $('#zzz').val();
                var uuu = $('#uuu').val();
                if (zzz != '000000' && zzz != '') {
                    validate_brutokaal(uuu, function(response) {
                        if (response === false) {
                            if (xxx == '') {
                                alert("Text!");
                                event.preventDefault ? event.preventDefault() : event.returnValue = false;
                            }
                            else if (yyy == '') {
                                alert("Text!");
                                event.preventDefault ? event.preventDefault() : event.returnValue = false;
                            }
                        }
                        else {
                            return true
                        }
                    });
                }
                else {
                    return true;
                }
            });

            function validate_xxxyyy(uuu, callback) {                   
                var data_string = 'uuu=' + uuu;
                $.ajax({
                    url: 'ajax.php',
                    type:'POST',
                    data: data_string,
                    dataType: 'json',
                    cache: false,
                    async: false,
                    success: function(response){
                        callback(response);
                    }
                });
            }

Answer 2

将 jQuery 提交函数绑定到 FORM 元素，如

$("#formId").submit(function(){
....
return true;
});

逻辑上返回 true 或 false 。