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

Javascript 如何使用jQuery获取表单输入数据?,javascript,jquery,Javascript,Jquery,我有一个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

我有一个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>
以前的开发人员编写了这段代码。我想知道这是否与我的代码有关?因为它使用相同的表单id“.bmlf form”,或者我可以忽略它。

//此onload事件是引导程序事件工作所必需的

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

传递选择器类型。因为这是id选择器,所以需要放置
#
。如果使用ajax,也可以使用
e.preventDefault()


您能否通过
添加console.log(“Clicked!!!”)来确认单击事件是否正在发生在单击事件中。通过添加js警报框,已经检查了它。被解雇了。我可以用console.log打印值来检查吗?是的,请继续检查数据。谢谢。这是个好消息。你能详细说明一下这个解决方案吗?这样,如果我使用“e.preventDefault()”的话,它也会帮助其他人。它不检查验证
window.addEventListener("load", () => {
  $(".bmlf-form").on("submit", event => {
    event.preventDefault(event);
    const values = $(event.target).serializeArray();
    console.log(values);
  });
});
$("#btnSubmit").click(function(e){