打开模式时我需要使用什么来提交表单？答案

【问题标题】：What do I need to use to submit a form while opening up a modal?打开模式时我需要使用什么来提交表单？
【发布时间】：2012-06-06 16:12:39
【问题描述】：

我正在尝试为帖子创建一个“编辑”按钮，单击该按钮时将提交将在帖子 ID 中传递的表单并调用模式（我正在使用引导模式）。打开的模式将显示传入的帖子 ID 中的内容。

但是，我想出一个既可以提交又可以调用模态（href）的标签时遇到了麻烦。我尝试了锚标签、输入标签和按钮标签的组合，但似乎都没有真正协同工作来实现目标。我会很感激任何建议。谢谢

<form>
<a  class="btn" data-toggle="modal" title="edit" id="editbtn" href="#myeditModal">
<input type="submit" name="edit" id="edit"></a>
</form>

----the modal div -------
<div class="modal hide" id="myeditModal">

【问题讨论】：

标签： javascript jquery html css django-forms

【解决方案1】：

如果我正确理解了您的问题，我只需在提交按钮上使用 JQuery 点击功能，例如：

用户点击表单上的提交按钮
jQuery 点击功能打开模式
返回真
表单被提交

如果您需要模态框在 Ajax 发布期间保持打开状态，则只需使用相同的单击函数序列化表单、发布、等待响应并返回 false。

更新：

例如：

$(".your-submit-button").click(function() {
    // Do something with modal box
    $("#your-modal-box").show();
    // Do ajax request
    var url = $(this).parents("form").attr("action");
    var params = $(this).parents("form").serialize(); 
    $.post(url, params, function(output) {
        // Optionally do something with the output of ajax request
    });
    return false;
});

【讨论】：