使用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，它将起作用。