提交成功后Jquery清除表单[重复]答案

【问题标题】：Jquery clear form after submission success [duplicate]提交成功后Jquery清除表单[重复]
【发布时间】：2019-06-07 18:00:59
【问题描述】：

假设我们有这样的代码：

<script type="text/javascript">
        $(document).ready(function() {
           $("#signup").click(function(e) {
             e.preventDefault();
                var email = $("#email").val();
                var fname = $("#fname").val();
                $.post("signup.php", {email:email, fname:fname}, function(data) {
                 $("#result").html(data);
                });
                return false;
            });
        });
    </script>

点击提交按钮后，我们可以得到错误信息如果这些字段没有正确填写，在这种情况下，表格仍然可以保留值，但如果返回“提交成功”消息，如何有条件地重置表单字段

【问题讨论】：

移动 var email = $("#email").val();.... 内部成功回调
How to reset a form using jQuery with .reset() method的可能重复
这不是一个重复的问题，我知道其他类似的问题，但这是完全不同的，重置是基于返回到结果 div 的值的条件，而不是一揽子重置，我解释说我的问题就这么多。仅当消息为“提交成功”而不是“您的电子邮件地址无效”之类的信息时，该表单才应重置

标签： javascript jquery forms

【解决方案1】：

在$("#result").html(data);之后添加$(this)[0].reset();

【讨论】：

请不要只发布代码作为答案。你应该解释你的答案。