Logo de pepAguilar.com
INICIO arrow RECURSOS arrow Javascript arrow Validaciones Javascript (I)
Validaciones Javascript (I)

Logo de Javascript

Muchas veces he realizado formularios en php y siempre tenía la duda de si el usuario introduciría bien los datos del email. Mediante el código en javascript y html que voy a introducir a continuación, vereis que podreis comprobarlo antes de introducir los datos en la base de datos. 

Vamos a describir el proceso por pasos:

  1. Se tiene que hacer una primera función en javascript para comprobar cada carácter del campo email. Lo que hace esta función es retornar "Error" si el campo no tiene los datos correctos, tal como "pep@" o "pepaguilar". Retornará el contenido del campo si es correcto, es decir, por ejemplo " Esta dirección de correo electrónico está protegida contra los robots de spam, necesita tener Javascript activado para poder verla ".
    La función se tiene que poner en una librería javascript (*.js) o en cualquier parte del código de la página entre las etiquetas "<script></script>":

    function validarEmail(valor)
    {
        patron=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
        if (patron.test(valor)==0)
        {
            return "error";
        }else{
            return valor
        }
    }

  2. Una segunda función en javascript servirá para, obteniendo el contenido del campo, llamar a la función anterior y retornar un mensaje en javascript si la función retorna error.

    function validarFormularioEmail(nomp)
    {
          //extraemos el valor del campo
          var textoCampo;
        if (nomp=="email")
        {
            textoCampo = window.document.f_tarea.email.value
            textoCampo = validarEmail(textoCampo)
            if (textoCampo=="error")
            {
                    window.alert("Los datos insertados no son correctos, por favor revise el campo EMAIL")
            }
        }
    }

  3. Finalmente ponemos el código en HTML para crear el campo y llamamos a la función validarFormularioEmail()

    <form name="f_tarea">
        <input name="email" type="text" onchange="validarFormularioEmail('email');">
    </form>

 
< Anterior


  PepAguilar.com 2010 - Powered by Joomla! - Web optimizada a 1024x768  
  Creative Commons License

Esta obra está bajo una licencia de Creative Commons
  [Valid RSS] Valid XHTML 1.0 Transitional ¡CSS Válido!