Question

我正在尝试创建一个简单的表单，我可以在其中添加项目，点击提交并使用serialize或.val（）获取数据，但是一旦按下提交，我甚至无法控制日志，我在做什么错误？我希望能够获取数据。

HTML CODE：

    <form >
      <input type="text">
      <input type="submit">
    </form>

JAVASCRIPT CODE：

$(function(){
  $("submit").submit(function(){
    var data = $("form").serialize();
    console.log(data);
  });
});

Answer 1

将您的选择器$("submit")更改为$("form")，并为输入标记指定name属性。同时添加event.preventDefault()以防止默认表单操作

＆＃13;

$(function() {
  $("form").submit(function(e) {
    e.preventDefault();
    var data = $("form").serialize();
    console.log(data);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<form>
  <input name="text" type="text">
  <input type="submit">
</form>

＆＃13;

无法使用JavaScript和jQuery从表单序列化和获取数据

1 个答案: