无法序列化表单

时间:2013-07-16 06:38:41

标签: jquery forms serialization contact

只是尝试在某些“结果”div中显示序列化结果。使用JQUERy学习中心的代码来获取联系表格:

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

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

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

谢谢!

1 个答案:

答案 0 :(得分:4)

要获得序列化表单,您必须在输入字段中添加name属性,如下所示(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>