jQuery对话框-通过ajax提交表单？

我在jQuery对话框中显示了一个包含大量验证的大型表单，但我现在想知道是否还有其他方法可以获得它，以便在我提交实际表单后，它将通过Ajax加载并停留在我打开的模式窗口中？不确定是否有必要这样做

---

谢谢

是的，您必须选中submit按钮来执行ajax GET，并将其传递给所有表单字段，然后返回false

是的，您必须选中submit按钮来执行ajax GET，并将其传递给所有表单字段，然后返回false

$('.mySubmitButton').bind('click', function(e) {
   //do something else
   return false; //stops form from submitting the normal way.
});

或

如果你愿意，也可以两者兼而有之

或

---

如果您愿意，也可以同时使用这两种方法。这里有一个failry简单方法，在提交成功后，它将替换表单元素本身。我使用on方法，这样代码就可以在ajax中加载表单之前在页面加载上运行

$(document).on('submit', '#formID',function() {
    var $form = $(this);
    var dataToServer = $form.serialize();
    $.post(urlString, dataToServer, function(dataFromServer) {
        /* run ajax sucess code here */

        $form.replaceWith(dataFromServer);


    });
    return false; /* avoid browser submitting form*/

});

---

编辑：如何集成这将取决于您的验证方法。这里有一个failry简单的方法，在提交成功时只替换表单元素本身。我使用on方法，这样代码就可以在ajax中加载表单之前在页面加载上运行

$(document).on('submit', '#formID',function() {
    var $form = $(this);
    var dataToServer = $form.serialize();
    $.post(urlString, dataToServer, function(dataFromServer) {
        /* run ajax sucess code here */

        $form.replaceWith(dataFromServer);


    });
    return false; /* avoid browser submitting form*/

});

---

编辑：你如何整合这一点将取决于你的验证方法。你还必须检查一下这一奇妙的方法，以便对你的表单进行Ajaxing。它的美妙之处在于，如果您将验证放在输入的pattern属性中，我更喜欢这样做，而不是为每个输入字段编写javascript片段，那么只有在每个验证通过时，表单才会被提交。简言之，提交事件的默认行为将发生变化，并且您将拥有请求的精确副本，但这次是在ajax中。

您必须查看这篇精彩文章，以实现表单的Ajaxification。它的美妙之处在于，如果您将验证放在输入的pattern属性中，我更喜欢这样做，而不是为每个输入字段编写javascript片段，那么只有在每个验证通过时，表单才会被提交。简言之，提交事件的默认行为将发生变化，您将拥有请求的精确副本，但这次是在ajax中。

按钮只负责部分内容…如果用户点击回车怎么办？按钮只负责部分内容…如果用户点击回车怎么办？谢谢，我现在就来看看谢谢，我现在要调查一下，如果可能的话，我想避免扩展，但老实说，这看起来很棒，但这意味着可能要重新验证，嗯！如果可能的话，我想避免扩展，但老实说，这看起来很棒，但这意味着可能需要重新进行验证，嗯！