使用SimpleModal提交Ajax表單（jQuery）

Question

我有一個SimpleModal模式內的表單，但是當我嘗試使用jQuery序列化時，表單數據總是空白。表單序列化在模態之外工作，所以阻止序列化獲取表單數據。這是我正在使用的代碼：

<div id="address_form" style="display:none"> 
    <div id="contact-area"> 
    <form id="address_form" action="submit" method="POST"> 
     <label for="Street">Street:</label> 
     <input type="text" name="Street" id="street" /> 
     <input type="submit" name="submit" class="submit-button" /> 
    </form> 
    </div> 
</div> 

$("#address_form").submit(function(){ 
    var data = $(this).serialize(); 
    alert(data) 
    return false; 
}); 

Answer 1

您有兩個元素的ID爲address_form。使用該ID更改DIV上的ID，它將起作用。