如何在按下确认按钮之前中断表单投递？

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止默认提交行为
  // 可以在这里添加其他需要执行的代码
});

<form id="myForm" form="invalidForm">
  <!-- 表单字段 -->
  <button type="submit">确认</button>
</form>
<form id="invalidForm"></form>

<template>
  <form @submit="handleSubmit">
    <!-- 表单字段 -->
    <button type="submit">确认</button>
  </form>
</template>

<script>
export default {
  methods: {
    handleSubmit(event) {
      event.preventDefault(); // 阻止默认提交行为
      // 可以在这里添加其他需要执行的代码
    }
  }
}
</script>

import React, { useState } from "react";

function MyForm() {
  const handleSubmit = (event) => {
    event.preventDefault(); // 阻止默认提交行为
    // 可以在这里添加其他需要执行的代码
  };

  return (
    <form onSubmit={handleSubmit}>
      {/* 表单字段 */}
      <button type="submit">确认</button>
    </form>
  );
}

export default MyForm;