提交后如何递增和显示表单数量

Question

我想在用户成功提交表单后递增表单编号。有没有办法通过JavaScript或jQuery来增加它。

<form action="">
  form no:1<br>
  First name:<br>
  <input type="text" name="firstname" value ="">
  <br>
  Last name:<br>
  <input type="text" name="lastname">
  <button type="submit" onclick="">Submit</button>
</form>

Answer 1

我会建议这样的事情：

$(function () {
  $("form").submit(function () {
    $.post("url", $(this).serialize(), function () {
      $("#count").text(parseInt($("#count").text() + 1);
    });
    return false;
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="">
  form no: <span id="count">1</span><br>
  First name:<br>
  <input type="text" name="firstname" value ="">
  <br>
  Last name:<br>
  <input type="text" name="lastname">
  <button type="submit" onclick="increment();">Submit</button>
</form>