Inicio > funciones, jquery > Validar correo electrónico con jQuery

Validar correo electrónico con jQuery

Alguna vez, trabajando con formularios, se tiene que lidiar con validación de datos, veamos esta sencilla función para validar corrreo electrónico (con ayuda de nuestras grandes amigas: las expresiones regulares):

jQuery.fn.correo=function()
{
if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($(this).val()))
{
return true;
}
else
{
alert(‘No es correo electronico’);
$(this).focus();
return false;
}
}

la forma de usar seria la siguiente (supongamos un formulario con id=”form” y un input con id=”email”):
$(document).ready(function()
{
$(“#form”).submit(function()
{
if($(“#email”).correo())
{
return true;
}  else return false;
});
});
Advertisement
  1. Chritian Morales Montaño
    abril 6, 2010 a las 7:02 pm | #1

    El script no esta mal pero puede ser mejorado muy facilmente

    • felipe
      marzo 31, 2011 a las 9:30 pm | #2

      mejora ¬¬ en vez de alardear….

      y gracias por el codigo :D

  2. Favio
    junio 16, 2011 a las 4:39 pm | #3

    Le falta ser encapsulado y funcionará sin conflictos con cualquier cosa!!

    (function( $ ){
    jQuery.fn.email=function(){
    if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($(this).val())){
    return true;
    }else{
    $(this).focus();
    return false;
    }
    };
    })( jQuery );

  3. agosto 19, 2011 a las 12:07 am | #4

    y el alardeador? no hizo nda al final no?

  4. septiembre 8, 2011 a las 3:25 pm | #5

    Con esta sencilla función ya me di una mejor idea de como crear otras en jquery.

    graicas

  5. Erwin Zarria
    octubre 5, 2011 a las 10:41 pm | #6

    Excelente. Gracias!

  6. Ezequiel
    febrero 3, 2012 a las 7:59 pm | #7

    Muchisimas gracias !!

  1. Aún no hay trackbacks

Deja un comentario

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s

Seguir

Get every new post delivered to your Inbox.