如何重置新联系人表单

Question

我正在开发这个网站，该网站的右上角有一个“快速联系”按钮。我已经生成了一份联系表格，到目前为止对我来说效果很好，但唯一的问题（希望如此！）是在成功提交后重置表格。

收到来自 Ajax 的“成功”消息后，我禁用了发送按钮：

我将此代码添加到“关闭”按钮：

$('#close_btn').click(function(){
    $("#myform")[0].reset();
});

重置表单，但如果您尝试该表单，您将再次收到相同的成功消息。如何转储之前的所有数据并刷新表单以便下次发送？

Answer 1

当您关闭消息框时，您应该隐藏成功消息容器并显示表单。这样，当再次打开消息框时，您将看到上面的空表单。

$('#close_btn').click(function(){
    $("#myform")[0].reset();
    $("#result").hide();
    $("#myform").show();
});