Jquery不提交表单

这是我的表格

<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>

---

注意：根据我的评论，我将模态放在了文档的末尾，甚至在脚本链接之后（我认为这是正确的位置，如果不告诉我plzz的话）

。尝试将jQuery代码包装到DocumentReady函数中。这确保在尝试将事件处理程序绑定到元素之前，等待DOM加载。不这样做可能会导致问题，因为如果javascript试图在事件存在之前将其绑定到元素，它将无法工作

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

使用文档就绪：

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

---

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

您可以将事件与文档匹配，这样就不需要等待文档准备就绪

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

---

注意：我将模式放在文档末尾，即使在脚本链接之后。-->找不到“SubmitTheForm”元素，因为您正在尝试javascript？document.getElementById（“ProductReg”）.submit（）；jQuery可能没有包装在DocumentReady函数中。尝试像这样包装jQuery代码$（函数（）{[code goes here]}）；我添加了ready函数，但在.submit（）调用之前和之后，click函数中的@mhodgesadd alerts或console.log（）仍然无法工作，无法进行一些调试。看看它是否调用了click函数。查看submit（）是否失败，甚至没有到达click函数的末尾。另外，您是否查看开发人员工具控制台以查看是否有任何错误被吐出？这也不会引起问题，但脚本应该是文档的结尾，所以modal应该在这之前。我尝试过，但没有成功，仍然按钮不起任何作用@mHodges您是否正在输入单击事件？也就是说，如果您在#SubmitTheForm的单击处理程序中放置了一个警报或console.log（），那么该代码会执行吗？仍然不起作用，实际上它会刷新页面，但不会提交我的表单

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

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