jQuery的序列化返回一个空字符串

Question

我使用jQuery的serialize()功能时，有一个问题：

<form role="form" id="enter-image-detail-form" method="post"> 
    <div class="form-group"> 
    <input type="text" class="form-control" id="image-name" placeholder="Enter image name" value="test"> 
    </div> 
    <button type="submit" class="btn btn-default btn-success btn-block">Save</button> 
</form> 

$('body').on('submit', '#enter-image-detail-form', function(e){ 
    console.log($(this).serialize()); 
    e.preventDefault(); 
}); 

它返回一个空字符串。提前致谢。

Answer 1

您需要为表单元素添加名称属性，因为serialize()方法生成具有name属性的表单元素。

<input name="image-name" type="text" class="form-control" id="image-name" placeholder="Enter image name" value="test"> 
<!-- ^^^^^^^^^^^^^^^^^             ---> 

从docs：

对于表单元素的值要包含在序列化的字符串，该元素必须有一个name属性。