jquery - 无法序列化表单

Question

只是试图使序列化结果在某些“结果”div 中可见。使用来自 JQUERy 学习中心的这样的代码作为联系表：

function showValues() {
      var str = $("form").serialize();
      $("#result").text( str );
      }
     showValues();

但这没有用。div 中没有序列化内容。我在 jsfiddle 上保存了所有内容 - http://jsfiddle.net/3tKUh/1/

没有任何最终代码。我只是想知道为什么不显示序列化结果。

谢谢！

Answer 1

要获得序列化表单，您必须向输入字段添加名称属性，如下所示（http://jsfiddle.net/3tKUh/2/）：

<form id="myform">
<div class="field">
<label for="name" id="namelabel">Name</label>
<input type="text" name="name" id="name" class="req" autofocus>
</div>
<div class="error" id="name_error">
</div>
<div class="field">
<label for="email">Email</label>
<input type="text" name="email" id="email" class="req">
</div>
<div class="error" id="email_error">
</div>
<div class="field">
<label for="message" name="message" id="message">Message</label>
<textarea></textarea>
</div>
<div class="field">
<input type="submit" value="submit" id="send">
</div>
</form>