提交成功后如何清除表单？

Posted 2023-02-24

【中文标题】提交成功后如何清除表单？

【英文标题】：How to clear form after successful submission?

【发布时间】：2011-05-23 07:51:04

【问题描述】：

我在提交后遇到关于清除表单的问题。问题是当它没有通过验证时它会清除表单。表示它会继续清除，但我只想在提交成功时清除它。

这是sn-p

<script type="text/javascript"> 
$(document).ready(function() 
    $('#inquiry').ajaxForm(
        target: '#error',
        success: function() 
            $('#error').fadeIn('slow');
            $('#inquiry').ajaxForm().resetForm();
        
    );
);

也很抱歉我的英语不好。

【问题讨论】：

阅读这篇关于学习 jQuery 的有用帖子：learningjquery.com/2007/08/clearing-form-data

【参考方案1】：

试试clearForm

$(document).ready(function()  
    var options =  
        target:        '#output1', 
        clearForm: true // clear all form fields after successful submit 
; 
// bind form using 'ajaxForm' 
$('#myForm1').ajaxForm(options); 
); 

查看文档：

清除表格 表示提交成功时是否清除表单的布尔标志

默认值：空

http://jquery.malsup.com/form/#ajaxForm

【参考方案2】：

javascript中有一个内置的清除表单的方法，叫做reset();

【参考方案3】：

clearing an ajax form with jquery

$(document).ready(function() 

  var options = 
        resetForm:      true
  ;

  // bind form using 'ajaxForm'
    $('#yourform_id').ajaxForm(options);
);

或

document.getElementById("myform").reset();

【讨论】：

天哪。非常感谢各位天才！抱歉回复晚了=P