> Faqs > Borrar datos de los campos de un formulario al enviar el formulario

Borrar datos de los campos de un formulario al enviar el formulario

¿Cómo puedo lograr que al enviar el formulario se borren los datos que escribió el usuario? Es decir, que al enviarse los campos se queden en blanco y que los datos escritos por el usuario no permanezcan una vez que se ha enviado.

Respuestas

Los formularios se pueden borrar con el método reset de Javascript.

Simplemente accedes al formulario con Javascript e invocas si método reset().

En esta página tienes mas información de métodos útiles de formularios.

Con respecto a conseguir ese comportamiento al enviarse el formulario tienes que usar el evento submit del formulario.

Con este código puedes ver un ejemplo sobre cómo podrías montar el evento submit sobre el formulario y cómo podrías luego hacer el reset() para el borrado de los datos del formulario una vez se ha enviado.

<form action="#" id="formul">
  <input type="text" placeholder="Nombre">
  <br>
  <input type="text" placeholder="Apellidos">
  <button>Enviar</button>
</form>

<script>
  document.addEventListener('DOMContentLoaded', function(){
    let formulario = document.getElementById('formul');
    formulario.addEventListener('submit', function() {
      formulario.reset();
    });
  });
</script>
Miguel Angel
3295 146 215 17

Hola Lic Podrías decirnos en que lenguaje quieres hacerlo? saludos

David
95 4 11
document.addEventListener('DOMContentLoaded', function(){ let formulario = document.getElementById('formul'); formulario.addEventListener('submit', function() { formulario.reset(); }); }); AGREGALO A HTML ES UN SCRIP JS OH EN UN ARCHIVO .JS Y LO MANDAS A LLAMAS CON UN SCCRIPT Y LA UBI DEL .JS