如何在提交表单后清除所有输入字段?

时间:2013-06-10 11:52:52

标签: javascript ajax forms post

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

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

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

4 个答案:

答案 0 :(得分:4)

...试

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

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

答案 1 :(得分:2)

试试这个......成功调用

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

答案 2 :(得分:1)

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

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

答案 3 :(得分:0)

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