javascript - Jquery .serialize 没有注册输入字段的值

Question

我正在尝试序列化表单中的一些数据。

HTML:

<form class="span5 login navbar-form pull-right">
    <input class="span2" type="text" placeholder="E-mail" />
    <input class="last span2" type="password" placeholder="Lösenord" />
    <a class="loginbutton span1 btn btn-zen-inverse btn-mini" href="#">Logga in</a>
    <br />
    <a class="pull-right hidden" href="#">Glömt lösenord</a>
    <label class="pull-right hidden"><input type="checkbox" /> Kom ihåg mig</label>
</form>

Jquery:

$(document).ready(function() {
    $('.loginbutton').click(login);
});

function login(){
  event.preventDefault();
  var params = $('form').serialize();
  console.log(params);
}

如果我在 html 字段中放入一些数据并单击带有 .logintbutton 的“a”标签，则 console.log 只是空的，我希望它推出数据。 Whit serializeArray，我得到一个空数组。

Answer 1

您应该在输入中提供名称。 jsfiddle

修改后的 HTML:

<form class="span5 login navbar-form pull-right">
    <input name='email' class="span2" type="text" placeholder="E-mail" />
    <input name='password' class="last span2" type="password" placeholder="Lösenord" />
    <a class="loginbutton span1 btn btn-zen-inverse btn-mini" href="#">Logga in</a>
    <br />
    <a class="pull-right hidden" href="#">Glömt lösenord</a>
    <label class="pull-right hidden"><input type="checkbox" /> Kom ihåg mig</label>
</form>​