Los interrumpo porque necesito ayuda con la validacion de un correo electronico para un formulario de contacto, es sencillo lo se, pero no me esta saliendo satisfactoriamente. Aca les dejo lo que tengo hecho.
Gracias!
var email = document.getElementById("email");
email.addEventListener("keyup", function (event) {
if (email.validity.typeMismatch) {
email.setCustomValidity("¡Debes ingresar una cuenta de correo electrónico!");
} else {
email.setCustomValidity("");
}
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="container">
<form class="form">
<h4>Solicitud de información</h4>
<div class="form active">
<textarea name="mensaje" rows="" cols="" style="height:100px">Hola, quiero que me contacten. ¡Gracias!</textarea>
</div>
<div class="form">
<input type="text" id="email" name="email" placeholder="[email protected]" required onkeyup="validarEmail(this)"/>
<a id='resultado'></a>
</div>
<div class="form">
<input type="text" required placeholder="Nombre"/>
</div>
<input type="submit" value="contactar">
<input type="submit" id="entrar" onclick="location.href='index.html'" value="volver a la pagina">
</form>
</div>
</body>
</html>