Jquery 提交表单一次，页面上只有少量表单

我希望在一个页面上有几个表单，并且不重新加载它。我实际上有一个html文件和两个表单，其中包含提交输入。我正在使用jQuery删除（先前隐藏）一个表单，并在单击提交输入后显示另一个表单。如果我发送两份表格，两份表格的结果会在分钟后翻倍。即使使用preventDefault事件方法，也会在末尾返回false并删除表单。代码如下：

formField.submit(function (event) {
    var newMark = {
      startingNumber: $("#startNum").val(),
      category1: $("#firstCat").val(),
      category2: $("#secondCat").val(),
      category3: $("#thirdCat").val(),
      category4: $("#forthCat").val(),
      category5:$("#fifthCat").val()
    };

    event.preventDefault();
    event.stopImmediatePropagation();
$.ajax({
    url: "/horseRate",
    type: "POST",
    dataType: "JSON",
    data: JSON.stringify(newMark),
    processData: false,
    contentType: 'application/json; charset=UTF-8',
    success: function (data)
    {
        alert("OK" + data);
    },
    error: function (xhr, desc, err)
    {


    }
});
$( "#formField" ).remove();
formFieldTwo.show();
return false;

  });

  formFieldTwo.submit(function (event) {
  var newMarkTwo = {
    startingNumber: $("#startNum2").val(),
    category1: $("#firstCat2").val(),
    category2: $("#secondCat2").val(),
    category3: $("#thirdCat2").val(),
    category4: $("#forthCat2").val(),
    category5:$("#fifthCat2").val()
  };

  event.preventDefault();
  event.stopImmediatePropagation();
$.ajax({
    url: "/horseRate",
    type: "POST",
    dataType: "JSON",
    data: JSON.stringify(newMarkTwo),
    processData: false,
    contentType: 'application/json; charset=UTF-8',
    success: function (data)
    {}
});

    $( "#formFieldTwo" ).remove();
    formFieldThree.show();
    return false;
  });

}))；

---

有什么想法吗？

请在同一页上显示相应的htmlSetup一个单独的表单，为您要发布的每一条数据放置一个隐藏的输入。然后提交该表单并禁止其他表单上的操作。是的，Axel是对的，您还需要发布HTML，最好是以代码片段或小提琴的形式发布。下面是HTML代码。