JS定义网页表单提交（submit）的方法

JS定义网页表单提交（submit）的方法可以使用两种方式：

1. 使用 HTML 中的

元素

使用HTML中的<form>元素来提交表单，需要给<form>元素设置一个id，然后通过document.getElementById()方法获取该元素，接着使用submit()方法提交表单内容。

示例代码

<form id="form1">
  <!--表单控件-->
  <input type="text" name="username">
  <button type="submit">提交</button>
</form>

<script>
  const form = document.getElementById('form1');
  form.addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单进行默认的提交
    // 执行表单提交的操作
    console.log('表单已提交！')
  });
</script>

这里使用了addEventListener()方法来监听表单的提交事件，并通过event.preventDefault()方法来阻止表单进行默认的提交操作，然后执行自定义的表单提交操作。

2. 使用表单控件的 click 事件

另一种方式是通过拦截特定的表单控件的点击事件来触发表单提交操作。这些表单控件可以是按钮、超链接等任何可以点击的控件。

示例代码

<form id="form2">
  <!--表单控件-->
  <input type="text" name="username">
  <button type="button" onclick="submitForm()">提交</button>
</form>

<script>
  function submitForm() {
    const form = document.getElementById('form2');
    // 执行表单提交的操作
    console.log('表单已提交！')
    form.submit(); // 提交表单内容
  }
</script>

在这个示例中，为按钮绑定了一个onclick事件，并将其绑定到名为submitForm()的JavaScript函数上。此函数获取表单元素并调用其submit()方法，以提交表单内容。

以上就是JS定义网页表单提交（submit）的方法的详细攻略。