How to clear all input fields after submitting the form?

Question

I am using this function for posting my form :

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

This function is called on a button click event which then posts the data. Now please tell me how can I clear all the input fields as soon as the data is posted successfully. Please help!

Answer 1

Try...

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

...inside your success callback.

Answer 2

Try this...call this in success

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

Answer 3

You can add this code into your success method.

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

Answer 4

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