El restablecimiento de formulario no funciona con jquery

Question

Quiero restablecer el formulario después de llamar a una función ajax. Este es el código que he dado en el jQuery:

$("#frm_silder").reset(); 

Aquí frm_silder es el ID del formulario. Pero cuando estoy usando este código recibí un mensaje de error como este.

$("#frm_silder").reset is not a function 

En mi html i dan la identificación para formar así:

<form name="frm_silder" id="frm_silder" method="post"> 

Entonces, ¿cuál es el problema en mi código?

Answer 1

En jQuery

$('#frm_silder')[0].reset(); 

en Javascript

document.getElementById('frm_silder').reset() 

Answer 2

tendrá que restablecer cada elemento individual. Jquery no tiene una función reset() que funciona en un formulario. reset() es una función de Javascript que solo funciona en elementos de formulario. Sin embargo, puede definir una nueva función de jquery reset() que recorre todos los elementos del formulario y llama al javascript reset() en cada uno de ellos.

$(document).ready(function(){ 
    $('a').click(function(){ 
     $('#reset').reset(); 
    }); 
}); 

// we define a function reset 
jQuery.fn.reset = function() { 
    $(this).each (function() { this.reset(); }); 
} 

Demo

Como alternativa, si no desea definir una función, se pueden recorrer los elementos del formulario

$(document).ready(function() { 
    $('a').click(function() { 
     $('#reset').each(function() { 
      this.reset(); 
     }); 
    }); 
}); 

Demo

Source