Javascript 引导模式和jQuery:表单输入为空

在使用引导的应用程序中，我在模式窗口中使用表单。 表单如下所示：

<div class="modal fade" id="my_modal">
    <div class="modal-dialog modal-lg">
        <div class="form-group">
            <form class="form-horizontal" id="my_form">
                <div class="form-group">
                    <div class="col-sm-10">
                        <input type="file" name="file" id="my_file">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-10">
                        <input type="text" name="my_text" id="my_text" class="form-control select-resource-form-control">
                    </div>
                </div>
                <button id="my_button" type="button" class="btn btn-primary btn-send">Send</button>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" ...
   <div class="modal-dialog" ...
      <div class="modal-content">
          <div class="modal-body">
              your form

---

首先，模态的结构似乎缺少一些项。它应该是这样的：

<div class="modal fade" id="my_modal">
    <div class="modal-dialog modal-lg">
        <div class="form-group">
            <form class="form-horizontal" id="my_form">
                <div class="form-group">
                    <div class="col-sm-10">
                        <input type="file" name="file" id="my_file">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-10">
                        <input type="text" name="my_text" id="my_text" class="form-control select-resource-form-control">
                    </div>
                </div>
                <button id="my_button" type="button" class="btn btn-primary btn-send">Send</button>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" ...
   <div class="modal-dialog" ...
      <div class="modal-content">
          <div class="modal-body">
              your form

---

另外，我相信表单组只应该在表单内部。

问题已经解决。当模式窗口被实例化时，页面还实例化了第二个窗口，其中类位于。因此，我将窗口的选择器更改为以下内容，一切正常

---

my_modal.in my_form

type=submit将重新加载页面，从而重置表单。我假设OP希望发布/提交数据。我认为我的措辞可能会更好。但是将type=button更改为type=submit将更改页面的动态。OP说当他们针对不同的元素时它会提交，所以我不认为这是问题的一部分。谢谢@ternalhour，我相信你是正确的。我将删除我答案中的这一部分。谢谢，但这似乎只是改变了模式的外观，发送的数据仍然是空的。我们需要查看您是如何发送表单ajax的。使用此信息更新了问题