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

Question

I'm trying to create a simple form where I can add an item, hit submit and grab the data using serialize or .val() but I can't even console log anything once I press submit, what am I doing wrong? I would just like to be able to grab the data.

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

Change your selector $("submit") to $("form") and give name attribute to input tag . Also add event.preventDefault() to prevent default form action

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

 <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>