edemamenphis
Beta
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola amigos aquí les traigo código javascript para validar su email en su pagina web con Expresiones Regulares
Creamos una Función en nuestro HTML llamada ValidarMail
En Nuestro HTML Creamos un Input y le asignamos a la propiedad al hacer click o presionar una tecla "onKeyUp"
En el Código puedes ver que el email incorrecto cambia de color el texto también puedes usar alert para enviar un mensaje de error por ejemplo:
Claro pero ten en cuenta que no lo podrás usar en el evento "onKeyUp", en cual evento puedes usar el comando alert sin afectar el comportamiento de tu pagina? te lo dejo de tarea 🙂.
Creamos una Función en nuestro HTML llamada ValidarMail
Insertar CODE, HTML o PHP:
function ValidarMail(idMail)
{
//Creamos un objeto
object=document.getElementById(idMail);
valueForm=object.value;
// Patron para el correo
var patron=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/;
if(valueForm.search(patron)==0)
{
//Mail correcto
object.style.color="#000";
return;
}
//Mail incorrecto
object.style.color="#f00";En Nuestro HTML Creamos un Input y le asignamos a la propiedad al hacer click o presionar una tecla "onKeyUp"
HTML:
<body>
<h1>Validar una dirección de correo</h1>
<p>Introduce una dirección de correo: <input type='text' id='id_mail' name='mail' class='' value="" size='30' maxlength='100' title='direccion de correo' onKeyUp="javascript:ValidarMail('id_mail')" /></p>
</body>En el Código puedes ver que el email incorrecto cambia de color el texto también puedes usar alert para enviar un mensaje de error por ejemplo:
HTML:
alert("La dirección de email " es incorrecta.");Claro pero ten en cuenta que no lo podrás usar en el evento "onKeyUp", en cual evento puedes usar el comando alert sin afectar el comportamiento de tu pagina? te lo dejo de tarea 🙂.
