Question

我在同一页面上有多个表单，我使用jquery提交它们。

我使用以下代码：

$("form").submit(function (e) {
//Submit form ajax
});

问题是它只发送一次。当我再次单击“提交”按钮时，它不会执行任何操作。怎么解决这个问题？

Answer 1

似乎在我的例子中起作用你可以发布你的代码吗？

＆＃13;

$("form").submit(function(e) {
alert("submit");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" name="firstname">
  <input type="submit" value="submit">
</form>
<form>
  <input type="text" name="firstname">
  <input type="submit" value="submit">
</form>
<form>
  <input type="text" name="firstname">
  <input type="submit" value="submit">
</form>

＆＃13;

Answer 2

在我看来，您尝试使用单个提交发送多个表单。虽然不建议这样做（应将您的代码转换为一种形式），但导致这种情况的问题可能是事件委托或不正确的绑定/解除绑定元素。如果它有效，我怀疑是这种情况。

也许你可以像这样纠正它。

$(function() {
    $("form").on("submit", function (e) {
        e.preventDefault();
        //Submit form ajax
    });
});

表单提交一次jquery

2 个答案: