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

时间:2012-10-07 09:05:38

标签: javascript jquery

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

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,我得到一个空数组。

1 个答案:

答案 0 :(得分:3)

您应该在输入中提供姓名。 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>​