Botón de reinicio del formulario jQuery para todos los valores ingresados

Solución:

¿No será el <input type="reset" > ¿satisfacer?

<form>

   <input type="reset"  />

</form>

MANIFESTACIÓN

Intente lo siguiente:

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

Ejecuta javascript antes de que DOM esté listo. $(function() {}) solo se ejecuta cuando el DOM está listo. Leer más aquí: .ready()

La otra solución de jQuery para restablecer los campos del formulario sería:

$('#form')[0].reset();` or `$('#form').get(0).reset();

Otro, más específico, referido a los campos obligatorios:

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

Demostración en vivo de jsFiddle Working – Solución jQuery

Usando solo JavaScript:

document.getElementById('form').reset();

Usando solo HTML:

Como se mencionó en una de las respuestas, en la mayoría de los casos no necesita JavaScript para restablecer los campos del formulario, funciona solo con la configuración type="reset" al botón, por ejemplo:

<button type="reset" value="Reset">Reset</button>

---

---

Utiliza Nuestro Buscador