Tag Archives: input

Validar dirección e-mail en formularios con jQuery

30 oct

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;
});

Validando campos input vacíos y longitud con jQuery

28 oct

Hoy os vamos a enseñar a validar los campos input text de los formularios con jQuery. Podemos validarlos comprobando que estén vacíos o comprobando la longitud de caracteres escritos dentro del campo.

Normalmente solo necesitamos validar que el campo ha sido rellenado, pero para comprobar la veracidad de los datos a veces es necesario tener en cuenta el número de caracteres. Por ejemplo en los campos de teléfono, para validar que un número tiene 9 caracteres y que los caracteres introducidos son numéricos.

Primero vamos a comprobar que el campo no está vacío:

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

De esta forma nos aseguramos que el campo no está vacio, pero mejor vamos a validar que la longitud como mínimo es de 5 caracteres:

	$("#formulario").submit(function () {
		if($("#nombre").val().length < 5) {
			alert("El nombre debe tener como mínimo 5 caracteres");
			return false;
		}
		return false;
	});