Validar dirección e-mail en formularios con jQuery

admin — Sat, 30 Oct 2010 11:48:46 +0000

Una vez que ya sabemos validar campos input con longitud mínima, campos select, campos checkbox, campos radio, campos de teléfono y campos de e-mail, vamos a validar un campo de dirección e-mail y ya podremos validar casi al 100% un formulario completo.

Primero vamos a validar la longitud escrita, para comprobar que no esté vacío:

$("#formulario").submit(function () {
	if($("#email").val().length < 1) {
		alert("La dirección e-mail es obligatoria");
		return false;
	}
	return false;
});

Y para terminar comprobamos que es una dirección e-mail correcta, tipo ejemplo@ejemplo.es, con "texto"arroba"texto"."texto".

$("#formulario").submit(function () {
	if($("#email").val().indexOf('@', 0) == -1 || $("#email").val().indexOf('.', 0) == -1) {
		alert("La dirección e-mail parece incorrecta");
		return false;
	}
	return false;
});

Ejemplo

Validar teléfono en formularios con jQuery

admin — Fri, 29 Oct 2010 11:46:46 +0000

Después de enseñaros a como validar un campo input normal (nombre, apellidos, población, etc) comprobando que no está vacío y tiene una longitud superior a la que nosotros queramos, vamos a validar ahora un número de teléfono para tener la seguridad de que sea correcto.

Primero vamos a comprobar la longitud del campo, después vamos a comprobar que solo hemos introducido números, y para terminar vamos a comprobar que hemos introducido 9 caracteres, tipo 666112233.

$("#formulario").submit(function () {
	if($("#telefono").val().length < 1) {
		alert("El teléfono es obligatorio");
		return false;
	}
	return false;
});

Ahora vamos a comprobar que el valor escrito, son solo números.

$("#formulario").submit(function () {
	if(isNaN($("#telefono").val())) {
		alert("El teléfono solo debe contener números");
		return false;
	}
	return false;
});

Y para terminar vamos a comprobar la longitud escrita:

$("#formulario").submit(function () {
	if($("#telefono").val().length < 9) {
		alert("El teléfono debe tener 9 caracteres. Ej. 666112233");
		return false;
	}
	return false;
});

Ejemplo

Actualidad jQuery » Input

Validar dirección e-mail en formularios con jQuery

Validar teléfono en formularios con jQuery