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

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 código postal, teléfono, etc. 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 a validar. Lo que hace esta función es retornar "Error" si el campo no tiene los datos correctos, tal como "1c" o "124d". Retornará el contenido del campo si es correcto, es decir, por ejemplo "123456".
    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 validarEntero(valor){
         patron=/^[0-9.]*$/;
          if (isNaN(parseInt(valor))) {
                return "error"
          }else{
            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 validarFormularioEntero(nomp)
    {
          //extraemos el valor del campo
          var textoCampo;
        if (nomp=="cp")
        {
            textoCampo = window.document.f_tarea.cp.value
            textoCampo = validarEntero(textoCampo)
            if (textoCampo=="error")
            {
                    window.alert("Los datos insertados no son correctos, por favor revise el campo CP")
            }
        }
    }

  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="cp" type="text" onchange="validarFormularioEntero('cp');">
    </form>

 
< Anterior   Siguiente >


  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!