JavaScript 可通过以下步骤提交表单：获取表单元素、创建提交事件监听器，并在处理程序中使用 submit() 方法提交表单。例如，通过 XMLHttpRequest 对象，可异步提交表单和验证输入。
如何使用 JavaScript 提交表单
简介
JavaScript 允许您动态提交表单而无需用户手动单击“提交”按钮。这在需要自动或远程提交表单的情况下非常有用。
步骤
要使用 JavaScript 提交表单，请按照以下步骤操作：
-
获取表单元素：使用
document.getElementById()或document.querySelector()获取表单元素。 -
创建事件监听器： 为
submit事件添加事件监听器。 -
在事件处理程序中提交表单： 在事件处理程序中，使用
form.submit()方法提交表单。
示例代码
以下示例代码演示了如何使用 JavaScript 提交表单：
const form = document.getElementById("myForm");
form.addEventListener("submit", (event) => {
event.preventDefault();
form.submit();
});备注
-
event.preventDefault()方法用于防止表单默认提交。 - 您还可以使用
XMLHttpRequest对象通过 AJAX 异步提交表单。
用例
使用 JavaScript 提交表单的典型用例包括：
- 自动化表单提交（例如，定期保存数据）
- 远程提交表单（例如，通过 Web 服务）
- 验证表单输入并显示错误消息
