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屬性。