如何使用 jQuery 获取表单输入数据？答案

【问题标题】：How to grab form input data using jQuery?如何使用 jQuery 获取表单输入数据？
【发布时间】：2018-06-19 16:48:53
【问题描述】：

我有一个 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);
  });
});

【问题讨论】：

您能否通过点击事件中的adding console.log("Clicked!!!"); 确认点击事件是否发生。
已经通过添加 js 警告框检查了它。它被解雇了。我可以通过使用 console.log 打印值来检查吗？
请继续检查数据
成功了，谢谢。
这是个好消息。您能否详细说明解决方案，以便对其他人也有帮助

标签： javascript jquery

【解决方案1】：

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

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

【讨论】：

如果我使用“e.preventDefault()”它不检查验证