js获取表单submit

您可以使用JavaScript的addEventListener()方法监听表单的submit事件，并在事件处理程序中执行所需的操作。例如，以下代码可以在表单提交时弹出一个提示框：

var form = document.getElementById('myForm');
form.addEventListener('submit', function(event) {
  event.preventDefault(); // 防止表单自动提交
  alert('表单已提交！');
});

在这个例子中，我们使用了preventDefault()方法来阻止表单的默认提交行为，这样我们就可以在事件处理程序中自定义表单的提交行为。

相关问题

js 获取表单所有的值

你可以使用 JavaScript 中的 `FormData` 对象来获取表单中的所有值。

例如，假设你有一个表单：

<form id="myForm">
  <input type="text" name="name" value="John">
  <input type="email" name="email" value="john@example.com">
  <input type="checkbox" name="subscribe" checked>
  <button type="submit">Submit</button>
</form>

然后，你可以使用以下代码来获取表单中所有输入元素的值：

const form = document.getElementById('myForm');
const formData = new FormData(form);

for (let [name, value] of formData.entries()) {
  console.log(`${name} = ${value}`);
}

这将输出：

name = John
email = john@example.com
subscribe = on

在上面的示例中，`FormData` 构造函数使用了表单元素的引用。然后， `entries()` 方法提供了一个可迭代对象，其中包含了表单中所有输入元素的键值对。你可以使用 `for...of` 循环来遍历这个可迭代对象，并获取每个输入元素的名称和值。

js获取form表单内容代码

以下是获取一个表单的代码：

HTML：

<form id="myForm">
<label for="name">Name:</label>
<input type="text" name="name" id="name">
<br>
<label for="email">Email:</label>
<input type="email" name="email" id="email">
<br>
<input type="submit" value="Submit">
</form>

JavaScript：

const form = document.querySelector('#myForm');
form.addEventListener('submit', (event) => {
event.preventDefault(); // 阻止表单提交
const formData = new FormData(form); // 创建 FormData 对象
const data = Object.fromEntries(formData.entries()); // 将 FormData 转换为对象
console.log(data); // 输出表单内容
});