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

Question

我正在尝试为帖子创建一个“编辑”按钮，单击该按钮将提交表单，该表单将传入帖子 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">

Answer 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;
});