InfoUDO: Validación de un mail con JavaScript y luego con PHP

Como sabemos el lenguaje JavaScript se ejecuta en el navegador (este lenguaje puede estar
desactivo, por ejemplo si en FireFox elegimos: Herramientas->Opciones->Contenidos podemos
deseleccionar el checkbox "Activar JavaScript")
Si queremos guardar con cierta seguridad un mail que ingresó un usuario debemos validarlo en
el servidor con PHP(también podemos validarlo en el cliente con JavaScript)
El objetivo de nuestro concepto es implementar los algoritmos de validación del mail ingresado
en el cliente (JavaScript) y en el servidor (PHP)

Nombre del archivo:funciones.js

addEvent(window,'load',inicializarEventos,false);

function inicializarEventos()
{
var ref=document.getElementById('formulario1');
addEvent(ref,'submit',enviarDatos,false);
}

function validarMail(valor)
{
if (/^[0-9a-zA-Z0-9_\-\.][email protected][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{2,3}$/.test(valor))
    return true
else
   return false;
}

function enviarDatos(e)
{
var mail=document.getElementById('mail');
if (validarMail(mail.value))
    return true;
if (e.preventDefault)
    e.preventDefault();
alert('mail incorrecto');
return false;
}

function addEvent(elemento,nomevento,funcion,captura)
{
if (elemento.attachEvent)
{
    elemento.attachEvent('on'+nomevento,funcion);
    return true;
}
else
    if (elemento.addEventListener)
    {
      elemento.addEventListener(nomevento,funcion,captura);
      return true;
    }
    else
      return false;
}

Comentarios

En la función inicializarEventos registramos el evento submit para cuando se presiona dicho botón:
  var ref=document.getElementById('formulario1');
  addEvent(ref,'submit',enviarDatos,false);

La función enviarDatos
Obtiene la referencia del control que contiene el mail:
  var mail=document.getElementById('mail');
llama a la función validarMail enviándole el mail cargado por el usuario:  
  if (validarMail(mail.value))
    return true;  
//En FireFox debemos llamar al método preventDefault para cancelar el envío de datos al servidor,
en IE basta con retornar false:	
  if (e.preventDefault)
    e.preventDefault();
  alert('mail incorrecto');	
  return false;

La función validarMail mediante una expresión regular verifica si el mail ingresado contiene
el formato correcto, retornando true en tal caso:
function validarMail(valor) 
{ 
  if (/^[0-9a-zA-Z0-9_\-\.][email protected][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{2,3}$/.test(valor))
    return true
 else 
   return false;
}




Nombre del archivo:estilos.css


input {
  padding:3px;
}

fieldset {
  width: 800px;
  font-family:arial;
  font-weight:bold;
  padding:10px;
}

#formulario1 label {
  float:left;
  width:250px;
  background:#ddd;
  text-align:right;
  margin-right:.5em;
  padding:.25em;
}

#formulario1 p {
  font-size:16px;
  font-weight:normal;
}





Nombre del archivo:pagina1.php


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<?php
function validarMail($mail)
{
  $carac = '^[0-9a-zA-Z0-9_\.\-][email protected][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{2,3}$';
  if(ereg("$carac",$mail))
     return true;
  return false;
}

$mail=$_REQUEST['mail'];
if (validarMail($mail))
  echo 'Mail correcto';
else
  echo 'Mail incorrecto';
?>
</body>
</html>


Comentarios

La función PHP validarMail mediante una expresión regular verifica se se trata de un mail
bien formado.

WEB TRANSLATOR

Validación de un mail con JavaScript y luego con PHP

COMPÁRTELO:

Síguenos por RSS

Síguenos en las redes sociales

Mis cuentas sociales


Ir al contenido Ir a la navegación Ir al buscador

English Directorio WAP para móvil, Tablet, iPhone o Smartphone Centro de Noticias de la Universidad de Oriente Categorías