提交表单后如何清除所有输入字段？答案

【问题标题】：How to clear all input fields after submitting the form?提交表单后如何清除所有输入字段？
【发布时间】：2023-03-09 09:40:02
【问题描述】：

我正在使用此功能发布我的form：

$.ajax({
    type: 'POST',
    url: ".",
    data: {'postdata':allVals,
                   csrfmiddlewaretoken: '{{ csrf_token }}'},
    success: function(responseText) {
        console.log("Posted Data");
    }
});

在按钮单击事件上调用此函数，然后发布数据。现在请告诉我如何在数据成功发布后立即清除所有输入字段。请帮忙！

【问题讨论】：

试试$(':input').val('')

标签： javascript ajax forms post

【解决方案1】：

试试……

$('form')[0].reset();

...在您的成功回调中。

【讨论】：

【解决方案2】：

试试这个...调用成功

 success: function(responseText) {
            $('#form input').attr('value','');//        console.log("Posted Data");
    }

【讨论】：

【解决方案3】：

您可以将此代码添加到您的成功方法中。

success: function(responseText) {
    console.log("Posted Data");
    $('#yourform :input').val('');
}

【讨论】：

【解决方案4】：

$(':input','#myform')
    .not(':button, :submit, :reset, :hidden')
    .val('')
    .removeAttr('checked')
    .removeAttr('selected');

【讨论】：