Check the new version here

Popular channels

Evaluar correo con Jquery

En el anterior post mostré como validar un formulario con jquery.

Y si bien notamos que existen algunos errores y hoy les voy a mostrar el primero y como corregirlo.

VALIDAR CORREO CON JQUERY.

Recuerda para poder entender y seguir este post favor de leer el post anterior.

Validar correo con Jquery

Punto de inicio.



Como vemos en la imagen se valida los campos del formulario obligando al usuario a ingresar todos los datos (o los que uno mismo quiera) que sean obligatorios, en el ejemplo todos los campos son obligatorios.

¿Cómo evaluar el correo electrónico?

El primer paso fue “hacer” el campo obligatorio, ¿pero? Notamos que se puede poner cualquier cosa, aunque no sea una dirección de correo.

Entonces realizaremos una evaluación en la cual indique lo siguiente:

Si el campo correo esta vacío entonces = campo obligatorio
Si no esta vacío entonces evaluamos
Si el campo correo es= al formato ([email protected]) entonces pasamos al siguiente input de lo contrario = Formato de correo invalido.

¿simple no?

Paso uno: abrimos nuestro archivo principal (lee los post anteriores) y agregamos un nuevo label de error junto al input correo.



A recordar con la clase "error" estamos ocultando el input en el archivo js.

Paso dos: debajo de nuestro condición de control que evalúa si el campo correo o no esta vacío (la condición if else es un modo secuencial y sigue su orden tal cual va)., agregaremos el código que evaluara si el formato es correcto o no.



Como se puede notar creamos un filtro "diciendo queremos que el formato sea [email protected]" y evaluamos si cumple o no dicho formato.





Codigo fuente del ejemplo Descargar DEMO

sigueme por facebook twitter google+ Regalale una visita a esta pagina ->> Blog Inmobiliairia Sommer cancun
0
0
0
0
0No comments yet
      GIF
      New