1

function validarCorreo(elemento){
      var correo = document.getElementById('email').value;
      arroba = correo.indexOf("@");
      punto =  correo.lastIndexOf(".");
      if (arroba < 1 || ( punto - arroba < 2 )||correo===""){
         alert("correo invalido");
      }else{
          alert("correo valido");
        }
 }
 <p class="email">
<input type="text" class="input" placeholder="Email*" id="email" name="email" onblur="validarCorreo(this)">
		  </p>

Estoy tratando de hacer una validación de correo electrónico sin usar expresiones regulares hasta ahora este código funciona pero me permite ingresar una extension cualquiera es decir me permite hacer esto:[email protected], como pueden ver la extension puede ser cualquiera entonces mi pregunta es cómo puedo hacer que solo me acepte una extension con un máximo de 3 caracteres.

2
  • 3
    Y si usas un campo <input type="email">?
    – azeós
    Commented el 4 jul. 2019 a las 21:45
  • gracias por tu respuesta pero ya encontré la solución Commented el 4 jul. 2019 a las 22:27

2 respuestas 2

3

Podría servir:

const mailOne = '[email protected]'
const mailTwo = '[email protected]'

const listMailOne = mailOne.split(".")
const listMailTwo = mailTwo.split(".")

console.log(mailOne + " is:", listMailOne.pop().length < 4)
console.log(mailTwo + " is:", listMailTwo.pop().length < 4)

3
  • gracias justo lo que buscaba Commented el 4 jul. 2019 a las 18:46
  • Si usas @foo.com da como resultado true, lo cual es incorrecto.
    – Jorgesys
    Commented el 4 jul. 2019 a las 20:13
  • se supone que es la validación de la extensión, por lo que él está preguntando y tendrá que añadirla luego de la implementación que indica. Commented el 4 jul. 2019 a las 20:47
0

Utiliza Split para separar por un delimitador , en este caso seria el punto el delimitador y luego verificas el tamaño de la extensión

function validarCorreo(elemento){
      var correo = document.getElementById('email').value;
      arroba = correo.indexOf("@");
      punto =  correo.lastIndexOf(".");
      extension= correo.split(".")[1];
      
      if (arroba < 1 || ( punto - arroba < 2 )||correo===""){
         alert("correo invalido");
      }else{
        if(extension.length >3){
          alert("correo invalido");
          return;
        }
        alert("correo valido");
      }
 }
 <p class="email">
<input type="text" class="input" placeholder="Email*" id="email" name="email" onblur="validarCorreo(this)">
		  </p>

2
  • fallará para los correos tipo: [email protected] Commented el 4 jul. 2019 a las 18:46
  • si fallaría si el correo tiene punto adelante del arroba .. pero mi respuesta fue basado en lo que la persona pregunto , como ver la extensión si tiene mas de 3 caracteres .. y para sacar la extensión se ´puede usar split.. De ahí la función que esta haciendo el compañero en realidad va fallar en muchos casos, y no entiendo por que no quiere usar expresiones regulares, pero si no debe usar expresiones regulares otra forma es usar HTML5 y utilizar el mismo control de email que ya viene.
    – Barckl3y
    Commented el 4 jul. 2019 a las 19:50

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.