Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/05/2010, 20:36
iovan
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 17 años, 2 meses
Puntos: 188
Hola amigos. no encuentro cual es el problema en mi validador de formulario

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:
Ver original
  1. <script language="javascript" type="text/javascript">
  2.   function Formvalidar(){
  3.     var criterio = document.getElementsById('criterio').value,
  4.         caracters = /^[\w\,.!¿?'áéíóúÁÉÍÓÚñÑ\-@\s]+$/i;
  5.    
  6.     //Actualizamos los errores
  7.     function updateTips(t){
  8.       document.getElementById('validateTips').innerHTML = t;   
  9.     }
  10.    
  11.     //valido campos vacios
  12.     function checkEmpty(a,b) {
  13.         if(a.length <= 0) { updateTips("Debes escribir un "+b+"."); return false; } else { return true; }
  14.        
  15.     }
  16.    
  17.     //valido longitudes
  18.     function checkLength(a,b,min,max){
  19.         if( a.length > max || a.length < min) {
  20.         updateTips("Tu "+b+" debe contener entre "+min+" y "+max+" caracteres"); return false; } else { return true; }
  21.     }
  22.    
  23.     //valido caracteres alfanumericos
  24.     function checkCaracters(a,b){
  25.        if(  !(caracters.test(a)) ) { updateTips("No se permiten caracteres especiales en "+b+"."); return false;} else{ return true; }
  26.        
  27.     }
  28.    
  29.    
  30.    
  31.     var bValid = true;
  32.    
  33.         bValid = bValid && checkEmpty(criterio,"Criterio de búsqueda");
  34.         bValid = bValid && checkLength(criterio,"Criterio de búsqueda",3,20);
  35.         bValid = bValid && checkCaracters(criterio,"Criterio de búsqueda");
  36.        
  37.          if(bValid) { updateTips("Todo esta correcto ya se puede buscar"); } else { updateTips("Todavia existen algunos errores"); }
  38.      
  39.   }
  40. </script>


Código HTML:
Ver original
  1. <div id="validateTips"></div>
  2.  
  3. <form action="" method="post">
  4.   <input type="text" name="criterio" id="criterio" onkeyup="Formvalidar()"/>
  5.   <input type="submit" name="" value="Buscar" />
  6. </form>


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

Muchas gracias amigos.
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.