Question

这是我的表格

<form method="post" accept-charset="utf-8" id="ProductReg">
       <div class="card-body">
          <div class="row">
              <div class="col-lg-4">
                   <div class="sub-title">Name of Product</div>
                   <div><input type="text" name="ProductName" class="form-  control" placeholder="This field is required" required>
                   </div>
              </div>
                  <div><input type="button" class="btn btn-primary btn-block" name="submit" Value="Register" data-toggle="modal" data-target="#modalPrimary"></div>
          </div>
     </div>
</form>

这是我点击上方输入按钮时触发的模态

<div class="modal fade modal-primary" id="modalPrimary" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Product Registration</h4>
        </div>
        <div class="modal-body">
            Do You Really Want To Register This Product????
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
            <button type="button" id="SumitTheForm" class="btn btn-primary">Yes</button>
        </div>
    </div>
</div>

当我点击The Modals＆＃39;没有按钮它取消但我想要的是在我点击模式时提交表格＆＃39;是的按钮我通过使用jquery来尝试这个但它没有工作

$('#SumitTheForm').click(function() {
    $('#ProductReg').submit();
});

注意：我将模态放在文档的末尾，甚至在脚本链接之后（我认为这是正确的地方，如果不告诉我plzz）

Answer 1

根据我的评论。尝试将jQuery代码包装在文档就绪函数中。这确保在尝试将事件处理程序绑定到元素之前等待DOM加载。不执行此操作可能会导致问题，因为如果javascript尝试将事件绑定到元素之前，它将无法正常工作。

$(function () {
  $("#SubmitTheForm").on("click", function () {
    $("#ProductReg").submit();
  });
});

Answer 2

使用文档准备好了：

$('document').ready(fucntion(){
     $('#SumitTheForm').click(function() {
         $('#ProductReg').submit();
     });
});

或者您可以尝试使用AJAX提交数据。

Answer 3

您可以将事件发送到文档，因此您无需等待文档准备就绪。

Shape

Jquery不提交表单

3 个答案: