Como parar el envio de un formulario en Javascript

Un tip rápido sobre como cancelar el envio de formularios mediante javascript

Para un programador que lleva su tiempo en esto del desarrollo web esta técnica no es un misterio alguno… sin embargo para un iniciado podría parecer interesante.

Este es uno de los muchos tips rápidos que iré posteando en este mes.

Cancelar el envio de un formulario con javascript

El método es simple, se trata de retornarle un false al formulario:

<form method="POST" action="index.php?seccion=con" onsubmit="return validar_contacto()" />

Me gustaría que prestaran especial atención al onsubmit, si se fijan, tiene un return antes de la función.
Así podremos retornar al formulario el valor que la función nos retorna, y de esta forma parar el envío del formulario.

La función validar contacto valida todos los campos y luego comprueba si existen errores.
Esta solo es la parte importante de la función:

		if (error.length > 0) {
			document.getElementById('error').innerHTML = error;
			return false;
		}

Si la variable error contiene algún tipo de dato se añade la información a la etiqueta con id error y se retorna false al formulario para cancelar la carga.

Espero sirva de ayuda ;)


Así nos han encontrado!

  • cancelar envio de formulario javascript
  • cancelar enviar formulario javascript
  • detener envio formulario javascript

One Response to Como parar el envio de un formulario en Javascript

  1. xPapaChox dice:

    Muy buena me gusto.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">