How to reset a form programmatically?

Question

I want to reset a form in a JQuery click event function. How to do that ?

Answer 1

At it's simplest: $("form-selector-here")[0].reset() but also see: Resetting a multi-stage form with jQuery

Note that jQuery isn't necessary for this at all, as $(selector)[0] obtains the original DOM element. You could also say document.getElementById("myFormId").reset().

​$("#btn1").click(function(){
    $("#form1")[0].reset();

    // OR
    document.getElementById("form1").reset();
});​​​

Answer 2

This should work:

$("#formid")[0].reset();

Answer 3

try this

$('#FormID').each (function(){
this.reset();
});