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

Posted 2023-02-22

【中文标题】提交成功后Jquery清除表单[重复]

【英文标题】：Jquery clear form after submission success [duplicate]

【发布时间】：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 的值的条件，而不是一揽子重置，我解释说我的问题就这么多。仅当消息为“提交成功”而不是“您的电子邮件地址无效”之类的信息时，该表单才应重置

【参考方案1】：

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

【讨论】：

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