使用 SimpleModal (jQuery) 提交 Ajax 表單

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