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>

查询：

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

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

如果我在 html-fields 中放入一些数据并单击上面的“a”标签，.logintbutton那么它console.log只是空的，我希望它能够推出数据。WhisserializeArray，我得到一个空数组。

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