Estoy tratando de validar si un campo de formulario de correo electrónico no está vacío, por supuesto que estoy aprendiendo al cometer errores, pero se necesita alguna explicación de cualquiera de los chicos de You Pro.
Esto es lo que tengo y no funciona, todo me parece lógico.
<script> document.getElementById('regform').addEventListener("submit", function(e)) { if(document.querySelector("#mail")=='') { e.alert("You need to provide a valid email"); } }); </script>Estoy un poco confundido aquí.
Este es el HTML:
<form class="login_form" id="regform" action="" method="post"> <input type="email" name="mail" id="mail" placeholder="Your @ email" required> <input type="submit" value="INGRESAR"> </form><script> document.getElementById('regform').addEventListener("submit", function(e)) { if(document.querySelector("#mail").value == '') { e.alert("You need to provide a valid email"); } } </script> obtenga el valor del texto de entrada usando document.querySelector("#mail").value y document.querySelector("#mail") solo obtenga el elemento