如何使用jQuery抓取表单输入数据?

Question

我有一个html表单，一旦用户输入数据并单击提交，我想使用jQuery获取输入的值。

<form class="bmlf-form needs-validation" method="POST">
<input type="text" id="firstName" name="First Name">
<input type="text" id="lastName" name="Last Name">
<button type="submit" id="btnSubmit" formmethod="POST">SUBMIT</button>
</form>

这是我写的jQuery函数

$(function(){
$("#btnSubmit").click(function(e){
var data = {
FirstName: $("#firstName").val().trim(),
LastName: $("#lastName").val().trim(),
};
});
});

以前的开发人员编写了这段代码。我想知道它是否与我的代码有关？因为它使用相同的表单 ID ">.bmlf-form"，或者我可以忽略它。

// This onload event is required for the bootstrap event to work

window.addEventListener("load", () => {
$(".bmlf-form").on("submit", event => {
event.preventDefault(event);
const values = $(event.target).serializeArray();
console.log(values);
});
});

Answer 1

传递选择器类型。由于这是id选择器，因此您需要#。此外，如果您使用的是 ajax，请使用e.preventDefault()

$("#btnSubmit").click(function(e){