Question

我有一个html表单，一旦用户输入数据并单击Submit，我想使用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){

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

1 个答案: