使用Jquery的AJAX请求，不需要刷新页面，同时使用options对象和回调

Question

我试图使用Jquery验证和发布表单数据，以及验证(http://jquery.malsup.com/form/#ajaxForm)。

我尝试过在没有验证的情况下发送数据，而且效果很好。例如：

$('#encodeForm').ajaxForm(function(res) {
    $('#result').html(res.data);
    console.log(res);
    return false;
});

return false阻止页面导航到服务器响应。

但是，当我将options对象替换为函数时，上面的内容无法工作：

$('#encodeForm').ajaxForm({ ......, success : function() { return false; } });

关于传递options对象，如何防止页面导航(而不是AJAX响应)？

尝试方法：

1. 验证回调(当前)中的嵌套形式
2. 表单回调中的嵌套验证(失败)
3. 对表单使用form.submit闭包(失败)

Answer 1

$('#encodeForm').submit(function() {
    // submit the form
    $(this).ajaxSubmit();
    // return false to prevent normal browser submit and page navigation
    return false;
});

Answer 2

在反复处理代码和亚伯拉罕的笔记之后，下面的内容对我很有帮助：

        $('#decodeForm').validate({
            // rules here ....


            }
        });


    $('#decodeForm').ajaxForm({

        beforeSubmit : function() {

            console.log('FORM: ' + $('#decodeForm').valid());

            //block if false
            return $('#decodeForm').valid();

        },

        success : function(res) {
            if (res.err) {
                console.log('ERROR: ' + res.err);

            }
            // do something with the data

        }

    });

注意:如果规则无效，查询似乎无法工作。如果您使用的是函数，请确保包含了additional-methods.min.js文件。