基础框架形式不会在新实例化时刷新

Question

我在基础框架中开发了一个表单。它通过 link 触发并以模式加载。

通过

发射

<a class="add-btn button right small" data-reveal-id="addModal">Add Contact</a>

它指向同一个文件中的 div 和 id="addModal"。

<div id="addModal" class="reveal-modal" data-reveal>
   <h2>Add Contact</h2>
   <form id="addContact" action="#" method="post">
   <div class="row">
     <div class="large-6 columns"><label>First Name <input name="first_name" type="text" placeholder="Enter First Name" /></label></div>
     <div class="large-6 columns"><label>Last Name <input name="last_name" type="text" placeholder="Enter Last Name" /></label></div>
   </div>
   <input name="submit" type="submit" class="add-btn button right small" value="Add Contact" />
   <a class="close-reveal-modal">&#215;</a>
   </form>
</div>

ajax表单处理程序如下

$(document).ready(function(){
  $(document).on('submit','#addContact',function(){
    $.post('add_contact.php',$(this).serialize())
        .done(function(data){
            console.log(data);
            $('#addModal').foundation('reveal','close');
            showContacts();
        });
        return false;
});

php 脚本 add_contact.php 工作正常。一切正常。当我单击添加联系人时，将插入新记录。当我们再次单击添加联系人时，输入的旧值仍然存在。我的代码的哪一部分显示旧值以及如何在每次提交表单后清除？

Answer 1

由于您并不是真正发布表单，而是使用 AJAX，因此您需要手动重置表单，使用表单的内置 #reset() 方法：

document.addContact.reset();

基础框架形式不会在新实例化时刷新

Foundation framework form does not refresh on new instantiation

forms

ajax

jquery

zurb-foundation