Comprobar si se ha introducido de correo electrónico correcta

Question

Tengo un campo para los usuarios a escribir su dirección de correo electrónico. Es opcional, así que tengo que comprobar primero si se ha introducido algo en el campo, si se ha introducido nada, entonces hago nada, pero si se ingresó algo, verifique si se trata de un correo electrónico.

En este momento estoy en este punto

var email = $("input#sc_email").val(); 
if (email == "") {     
    // If e-mail field is empty do nothing 
} else {       
    // If something was entered 
    // [CODE HERE] Check if valid e-mail was entered, if not show error message 
    $("label#email_error").show(); //error message 
    $("input#sc_email").focus(); //focus on email field 
    return false; 
} 

Ni siquiera estoy seguro de si eso es correcto, pero yo creo que es. Ahora mismo necesito ayuda con huecos en el código, los marqué como [CODE HERE]. ¿Alguien podría sugerir una solución por favor?

Answer 1

Puede usar el jQuery validate plugin para esto, pero si solo quiere verificar la validez de una dirección de correo electrónico en un campo, eso es un poco exagerado.

En cambio, la expresión regular en la función a continuación se asegurará de que el formato de la dirección de correo electrónico es correcta, se debería haber introducido un valor.

var email = $("input#sc_email").val(); 

if (email !== "") { // If something was entered 
    if (!isValidEmailAddress(email)) { 
     $("label#email_error").show(); //error message 
     $("input#sc_email").focus(); //focus on email field 
     return false; 
    } 
} 

function isValidEmailAddress(emailAddress) { 
    var pattern = new RegExp(/^(("[\w-+\s]+")|([\w-+]+(?:\.[\w-+]+)*)|("[\w-+\s]+")([\w-+]+(?:\.[\w-+]+)*))(@((?:[\w-+]+\.)*\w[\w-+]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][\d]\.|1[\d]{2}\.|[\d]{1,2}\.))((25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\.){2}(25[0-5]|2[0-4][\d]|1[\d]{2}|[\d]{1,2})\]?$)/i); 
    return pattern.test(emailAddress); 
}; 

Answer 2

Puede usar expresiones regulares para validar la dirección de correo electrónico en JavaScript.

function validateEmail(email) { 
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\ 
".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA 
-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
    return re.test(email); 
} 

Esto, sin embargo, solo validará que se trata de una cadena con formato de dirección de correo electrónico válida. flibble@flobble.com sería válida , aunque en realidad nadie tiene esa dirección de correo electrónico.

Tenga una mirada en this question.

Answer 3

recomendaría la validación tanto en el lado del cliente y del lado del servidor, simplemente podría utilizar este código:

alert(/\S+@\S+\.\S+/.test('asdasd@asdasd@asdd.com')); 
alert(/\S+@\S+\.\S+/.test('asdasd234@asdd.com')); 

pero lo más importante, la validación del lado del servidor uso y metodología, como el envío de click-enlace de un correo electrónico, para verificar la dirección de correo electrónico de su cliente o el número aleatorio de envío de correos, etc.