使用 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 即可。