Hola amigos. no encuentro cual es el problema en mi validador de formulario

[iovan]

Hola amigos, verán me estoy iniciando en javascript. y he estado estudiando algunas cosillas "solo teoricas" el día de hoy quise comenzar a practicar los que ya se hacer pero mi codigo no me funciona.

Es muy sencillo, alguno de ustedes puee ayudarme.
Gracias.

Código Javascript:

<script language="javascript" type="text/javascript">
  function Formvalidar(){
    var criterio = document.getElementsById('criterio').value,
        caracters = /^[\w\,.!¿?'áéíóúÁÉÍÓÚñÑ\-@\s]+$/i;
    
    //Actualizamos los errores
    function updateTips(t){
      document.getElementById('validateTips').innerHTML = t;    
    }
    
    //valido campos vacios
    function checkEmpty(a,b) {
        if(a.length <= 0) { updateTips("Debes escribir un "+b+"."); return false; } else { return true; }
        
    }
    
    //valido longitudes
    function checkLength(a,b,min,max){
        if( a.length > max || a.length < min) { 
        updateTips("Tu "+b+" debe contener entre "+min+" y "+max+" caracteres"); return false; } else { return true; }
    }
    
    //valido caracteres alfanumericos
    function checkCaracters(a,b){
       if(  !(caracters.test(a)) ) { updateTips("No se permiten caracteres especiales en "+b+"."); return false;} else{ return true; }
       
    }
    
    
    
    var bValid = true;
    
        bValid = bValid && checkEmpty(criterio,"Criterio de búsqueda");
        bValid = bValid && checkLength(criterio,"Criterio de búsqueda",3,20);
        bValid = bValid && checkCaracters(criterio,"Criterio de búsqueda");
        
         if(bValid) { updateTips("Todo esta correcto ya se puede buscar"); } else { updateTips("Todavia existen algunos errores"); }
      
  }
</script>
 

Código HTML:

<div id="validateTips"></div>
 
<form action="" method="post">
  <input type="text" name="criterio" id="criterio" onkeyup="Formvalidar()"/>
  <input type="submit" name="" value="Buscar" />
</form>
 

Lo que sucede es que no me imprime los mensajes, no esta ejecuntandose la funcion.

Muchas gracias amigos.

[abimaelrc]

No puedes declarar/crear una función dentro de otra función (a menos que sea anónima, esto lo aprenderás después). Separa las funciones fuera de la función principal y lo que necesites cambiar, llamas las funciones dentro de la función principal.

[iovan]

Hola amigo, no había leido su mensaje y he estado todo el tiempo intentando hacerlo funcionar y ya lo logre había cometido un error de escritura, aunque sigo incluyendo funcion dentro de otra funcion

Será que las funciones son anónimas ?

Bueno mí código

actual es

Código PHP:

<script language="javascript" type="text/javascript">
  function vForm(){
    var criterio = document.getElementById('criterio').value,
        caracters = /^[\w\,.!&#191;?'áéíóúÁÉÍÓÚñÑ\-@\s]+$/i;
        
        //Actualizadomos los errores
        function updateTips(t) {
            document.getElementById('validateTips').innerHTML = t;
        }
 
           //Valido campos vacios
           function checkEmpty(a,b){
               if( a.length <= 0 ){ updateTips("Debes escribir un "+b+"."); return false; } else { return true; }   
               
           }
           
           //valido longitudes
           function checkLength(a,b,min,max) {
                if ( a.length > max || a.length < min ) {
                updateTips("Tu "+b+" debe contener entre "+min+" y "+max+" caracteres."); return false; } else { return true; }
 
        }
           
           //Valido caracteres alfanumericos
            function checkCaracters(a,b) {
                if ( !(caracters.test(a))) { updateTips("No se permiten los caracteres alfanumericos."); return false; } else { return true; }
 
        }
            
            
            var bValid = true;
            
            bValid = bValid && checkEmpty(criterio,"Criterio de busqueda");
            bValid = bValid && checkLength(criterio,"Criterio de busqueda",3,20);
            bValid = bValid && checkCaracters(criterio,"Criterio de búsqueda");
            
                if(bValid){ updateTips("Todo esta correcto!."); } 
                
}
</script>
 

y mi error fue en la linea 8 donde escribi document.getElementById("validateTips").innerHTML donde accidentalmente escribí getElementsById
con la s entre Element By

Eso fue el error.
Muchas gracias.

[abimaelrc]

Disculpa con javascript sí es posible usar funciones anidadas (es que no me fije que estaba contestando en el foro de javascript, pensé que estaba en el foro de PHP).

[iovan]

jej gracias amigo.

Si en PHP si he notado que no se puede meter una function dentro de otra function. Te agradezco mucho por tu ayuda.

Te mando un saludo.
Que tengas buen comienzo de semana.