如何在form表单中触发submit事件?

7 min read

可以通过在form表单中添加一个submit按钮,或通过JavaScript代码中的form.submit()方法来触发submit事件。

例如,使用submit按钮来触发submit事件:

<form id="myForm" action="submit.html" method="post">
  <input type="text" name="name">
  <input type="submit" value="Submit">
</form>

<script>
  const myForm = document.getElementById("myForm");
  const submitBtn = document.querySelector('input[type="submit"]');
  
  submitBtn.addEventListener("click", function(event) {
    event.preventDefault(); // 防止表单提交
    myForm.submit();
  });
</script>

或使用JavaScript代码中的form.submit()方法来触发submit事件:

<form id="myForm" action="submit.html" method="post">
  <input type="text" name="name">
</form>

<script>
  const myForm = document.getElementById("myForm");
  myForm.addEventListener("submit", function(event) {
    event.preventDefault(); // 防止表单提交
    console.log("Form Submitted");
  });
  
  // 使用JavaScript代码触发submit事件
  myForm.submit();
</script>