So La mayor parte de la página de registro e inicio de sesión debe validar el correo electrónico. En este ejemplo, aprenderá la validación simple de correo electrónico. primero a tener una entrada de texto en html y una entrada de botón como éste
<input type='text' id='txtEmail'/>
<input type='submit' name='submit' onclick='checkEmail();'/>
<script>
function checkEmail() {
var email = document.getElementById('txtEmail');
var filter = /^(([^<>()\[\]\\.,;:\[email protected]"]+(\.[^<>()\[\]\\.,;:\[email protected]"]+)*)|(".+"))@((\[[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,}))$/;
if (!filter.test(email.value)) {
alert('Please provide a valid email address');
email.focus;
return false;
}
}
</script>
también se puede comprobar el uso de esta expresión regular
<input type='text' id='txtEmail'/>
<input type='submit' name='submit' onclick='checkEmail();'/>
<script>
function checkEmail() {
var email = document.getElementById('txtEmail');
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(email.value)) {
alert('Please provide a valid email address');
email.focus;
return false;
}
}
</script>
Marque esta producción de demostración que se puede comprobar aquí
function checkEmail() {
var email = document.getElementById('txtEmail');
var filter = /^(([^<>()\[\]\\.,;:\[email protected]"]+(\.[^<>()\[\]\\.,;:\[email protected]"]+)*)|(".+"))@((\[[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,}))$/;
if (!filter.test(email.value)) {
alert('Please provide a valid email address');
email.focus;
return false;
}
}
<input type='text' id='txtEmail'/>
<input type='submit' name='submit' onclick='checkEmail();'/>
si el correo electrónico no es válido, luego envíe un mensaje de alerta, si es válido, luego no hay un mensaje de alerta. para obtener más información acerca de expresiones regulares
https://www.w3schools.com/jsref/jsref_obj_regexp.asp
esperemos que le ayudará a
validación de correo electrónico es difícil . Pragmáticamente, solo puedes asumir que contiene un @ y que hay al menos uno. seguir el @ en algún lugar pero eso es todo si quieres evitar alienar al menos a algunos de tus usuarios. A menos que esté validando para un dominio específico donde la política de nombres de correo electrónico está más estructurada. – AnthonyWJones
Estrictamente hablando, no puedes asumir que hay una. algun lado. Vea, por ejemplo, el ua ccTLD, que tiene registros MX en el nivel superior. – Ian
¿Por qué no puedes simplemente usar type = "email" dentro del formulario? @azamsharp –