jQuery Submit() 和 AJAX 事件；如何触发常规表单提交？

Question

我正在开发一个项目，当单击提交按钮时，我会捕获该事件并通过外部服务运行表单以检查某些内容是否有效。

如果出现问题，我会弹出一个对话框，告诉用户出现问题，并为他们提供覆盖以继续的选项。

问题是如何触发表单提交。如果我只使用 .submit()，它会再次将表单发送到对话框捕获中。

$('#editAddr').submit(function(){
    var checkString = addrString();
    $.getJSON('/validate.php' + checkString, function(data){
        if(data == 0){
            var confw = '';
            confw += '<div><p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>';
            confw += 'Failed validation.</p></div>';

            var $dialog = $(confw).dialog({
                title: "Validation Problem",
                modal: true, resizable: false, width: 500,
                buttons: {
                    "Edit": function(){
                        $(this).dialog('close');
                    },
                    "Override": function(){
                        $(this).dialog('close');
                        $('#editAddr').submit();
                    }
                }
            });
        }else{
            $('#editAddr').submit();            
        }
    });

    return false;
});

如何通过单击对话框按钮正确提交此表单？

编辑：确保您的表单不包含 id="submit" 的按钮，否则您将破坏 jQuery .submit()

Answer 1

不要绑定到表单的提交事件，而是绑定到提交按钮的单击事件。这样你就可以捕获submit事件的click事件并在需要时返回false，或者继续处理表单上的submit()事件。

​$('input[type="submit"]').click(function(e){
    e.preventDefault();
    if() // invalid data
    {

    }
    else // good to go
    {
        $('form').submit();
    }
})​

如果有人禁用了 JavaScript，这个解决方案也会大大降低性能。我读过的其他一些解决方案不允许这样做。

Answer 2

只需在表单的 dom 元素上调用 .submit() 即可。

我认为你可以像这样从 jQuery 获取它：

$('#editAddr')[0].submit();  // goes in your Override button logic

Answer 3

问题出在你连接逻辑的方式上。

表单中的按钮应设为常规按钮，而不是提交按钮
那么，它的 onaction 属性应该指向上面的方法。

之后 form.submit() 应该按预期工作。

另一种选择是在方法上添加一个标志。

Answer 4

您的问题是，在 Jquery 对象上调用 Submit 再次通过 jquery onsubmit 运行它。一旦你完成了验证器，你只需要在 DOM 对象上调用它 - 你可以使用

document.GetElementById(editAddr).submit();

或 with

$("#editAddr").get(0).submit();

来获得它至少，这是它与验证提交处理程序一起工作的方式。我认为它的工作方式与标准提交处理程序相同。

Answer 5

添加诸如 isOverride 或 isValid 布尔值之类的内容，您可以在提交函数的开头检查这些内容以绕过进一步的处理。