有没有办法在没有onsubmit()的情况下在提交时触发javascript函数

在没有使用 onsubmit() 的情况下，可以使用 JavaScript 的 addEventListener() 方法在表单提交时触发函数。以下是一个示例：

<!DOCTYPE html>
<html>
<head>
 <script>
    function handleSubmit(event) {
      event.preventDefault(); // 阻止表单默认提交行为
      console.log("表单已提交");
      // 在这里添加您的代码逻辑
    }

    function init() {
      const form = document.getElementById("myForm");
      form.addEventListener("submit", handleSubmit);
    }

    document.addEventListener("DOMContentLoaded", init);
  </script>
</head>
<body>
  <form id="myForm">
   <input type="text" placeholder="输入文本">
   <button type="submit">提交</button>
  </form>
</body>
</html>

在这个示例中，我们首先创建了一个名为 handleSubmit 的函数，该函数将在表单提交时被触发。在 handleSubmit 函数中，我们使用 event.preventDefault() 阻止了表单的默认提交行为，然后添加了自定义的逻辑。

接下来，我们创建了一个名为 init 的函数，该函数在页面加载完成后运行。在 init 函数中，我们通过 document.getElementById 获取表单元素，并使用 addEventListener 方法为表单添加了一个 "submit" 事件监听器，该监听器将在表单提交时触发 handleSubmit 函数。

最后，我们使用 document.addEventListener 监听 "DOMContentLoaded" 事件，以确保在页面加载完成后运行 init 函数。