Tag Archives: formularios

Enviar formularios con javascript – Utilizar una imagen para enviar formularios

En este tip cubrimos dos apartados. El primero es como enviar formularios utilizando javascript y complementa al segundo que tratará sobre como utilizar una imagen como botón de submit

Hoy estoy trabajando bastante con formularios, de ahí que me tome unos minutos para escribir algunos tips que creo pueden resultar útiles.

En este caso cubriremos como enviar formularios utilizando javascript y luego como utilizar una imagen para enviar los formularios.

Enviar formularios con javascript

Para enviar un formulario con javascript necesitamos identificarlo con un name.

 <form method="POST" action="" name="contactar" id="contactar" />

Luego simplemente accedemos al document, luego al formulario y a la acción submit().

 &ltp onclick="document.contactar.submit();">enviar!</p>

El ejemplo anterior serviría para utilizar una etiqueta de parágrafo para enviar el formulario.


Así nos han encontrado!

  • enviar formulario javascript
  • enviar formulario con javascript

Validar email con Javascript

Actualizado: 1/2/2012

Agregando un poco de información a la validación en javascript explicamos como validar un email mediante Javascript

Siguiendo el post de como para el envio de un formulario vamos a explicar también brevemente como validar un email mediante javascript.

Esta tarde o mañana colgaré un post de como validar un email con php, que por alguna razón pensaba que ya lo había puesto :S

Validar email mediante Javascript

El proceso es muy sencillo y se trata de utilizar una expresión regular y test.

var filtro = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;	
if (!filtro.test(email)) {
   error = 'Introduzca un email válido';
}

Así nos han encontrado!

  • validar email javascript
  • Validar email con JavaScript
  • validar correo javascript
  • validar correo electronico javascript
  • VALIDAR EMAIL EN JAVASCRIpt
  • javascript validar email
  • validar correo con javascript
  • comprobar email javascript
  • validar correo electrónico con javascript
  • validacion email javascript
  • javascript comprobar email
  • validar correo en javascript
  • validacion de correo electronico javascript
  • VALIDAR EMAIL
  • validar mail javascript
  • funcion para validar email en javascript
  • validacion de email javascript
  • como validar email con javascript
  • validar un correo electronico con javascript
  • validar email java

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
  • cancelar envio formulario con javascript

Enviar muchos campos de formulario, retornar variables de script o html con xajax

Siguiendo la primera entrega de programación con XAJAX vamos a explicar como enviar infinitos campos de formularios mediante XAJAX, como retornar una variable directamente a javascript o como retornar textos o páginas en HTML enteras.

Hace unos días hablamos de como programar de forma rápida y fácil en AJAX utilizando XAJAX. Para aquellos que no leyeran esa primera entrega se las recomiendo para estar al día con los conceptos que en este post pasaremos por alto.

Vamos a hablar de tres partes importantes a la hora de trabajar con XAJAX, importantes porque nos ayudan en el desarrollo rápido y nos pueden ahorrar muchas líneas de código y tiempo.

Enviar múltiples campos de un formulario con AJAX

Esta primera optimización para mi es de las más importantes.
Me ahorró un código de 200 líneas en validaciones en javascript. A cambio solo necesité poner una sola línea para poder enviar todos los campos de un formulario mediante XAJAX (eran unos 40 más o menos).