基础框架表单不会在新实例化时刷新

Question

我在基础框架中开发了一个表单。它是通过链接激发的，并以模态加载。

它是通过发射的

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

它指向同一文件中具有id="addModal"的div。

<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();