Question

我试图通过jQuery("#feedback-form").serialize();

序列化此表单

无论输入字段和textarea中的实际内容是什么，它都只返回"z_name=&z_requester=&z_description="。

<form id="feedback-form" method="POST" name="former">
    <div id="box-form">
        <p><input type="text" placeholder="Name" name="z_name"></p>
        <p><input type="text" placeholder="E-Mail" name="z_requester"></p>
        <p><textarea cols="40" rows="10" placeholder="Message" name="z_description"></textarea></p>
        <p><input type="submit" value="Abschicken" id="submitter"></p>
    </div>
</form>

Answer 1

也许您想要更改<p><input type="submit" value="Abschicken" id="submitter"></p>并尝试使用按钮<p><button type="submit">Test</button></p>

将js代码转换为

$('#feedback-form').submit(function(evemt){
    $('#console').html( $('#feedback-form').serialize() );
    event.preventDefault();
});

输入一些值并且工作正常，请参阅此jsfiddle

Answer 2

我在序列化表单时丢失了输入，因为我忘记在输入上添加 name 属性（我只有一个 id）。

（这不是原始海报的问题，但与标题相符。）

序列化表单时缺少值

2 个答案: