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; });
Muy ilustrativo el método pero con validar la ubicación de la arroba y el punto no es suficiente para validar el email, se necesita usar expresiones regulares para estar seguros.