HTML / js。我需要在一个页面上分别提交两个不同的表单

<form id="form1" action="submit1.php" method="post">
  <!-- 表单1的输入字段 -->
  <input type="text" name="field1">
  <input type="submit" value="提交表单1">
</form>

<form id="form2" action="submit2.php" method="post">
  <!-- 表单2的输入字段 -->
  <input type="text" name="field2">
  <input type="submit" value="提交表单2">
</form>

<script>
  document.getElementById("form1").addEventListener("submit", function(event) {
    // 阻止表单默认提交行为
    event.preventDefault();
    
    // 执行表单1的额外操作
    // ...
    
    // 提交表单1
    this.submit();
  });

  document.getElementById("form2").addEventListener("submit", function(event) {
    // 阻止表单默认提交行为
    event.preventDefault();
    
    // 执行表单2的额外操作
    // ...
    
    // 提交表单2
    this.submit();
  });
</script>