时间戳

首页 > 解决方案 > 如何使用 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" 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);
  });
});

标签： javascriptjquery

解决方案

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

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

推荐阅读