Solo numeros, limitar campos y cantidad

hanscruz · #1 (**permalink**) 23/10/2006, 17:30

Bueno amigos necesito un campo text que solo admita numeros, que solo se puedan ingresar dos caracteres y que solo se puedan ingresar numeros desde el 1 hasta el 30 ni mas ni menos.
Primero quiero decirles que encontre los ejemplos que pido en las faqs y buscando en el foro los tengo pero no los puedo hacer funcionar juntos como no se mucho sobre javascript entonces no puedo hacer que los tres trabajen bien, por eso pido su ayuda, se que para ustedes hade ser algo sencillo pero como les dije no se mucho de javascript espero su ayuda.
Saludos.

ZiTAL · #2 (**permalink**) 24/10/2006, 03:25

haber si te gusta esto:

Código HTML:

<html>
<head>
 <script type="text/javascript">
  function comprobar(f,t)
   {    
    if(isNaN(f[t].value))
     {
      alert("No es un numero");
      f[t].value="";
      f[t].focus();
      return false;
     }
    else
     {
      if(f[t].value<1 || f[t].value>30)
       {
        alert("El numero debe ser mayor que 0 y menor que 31");
        f[t].value="";
        f[t].focus();
        return false;
       }
      else
       {
        return true;
       }
     }
   }
 </script>
</head>
<body>
 <form id="formu" action="" method="post" onsubmit="return comprobar(this,'texto')">
  <input type="text" name="texto" />
  <input type="submit" name="verificar" value="verificar" />
 </form>
</body>
</html>

;)

hanscruz · #3 (**permalink**) 26/10/2006, 12:13

Gracias poe la respuesta la probare ahora mismo

hanscruz · #4 (**permalink**) 26/10/2006, 12:34

GRACIAS, bueno, el ejemplo esta bien pero no quiero que rebise en cuando se presione el boton de verificar si no de forma automatica cuando se este escribiendo en el mismo, creo que se hace con el onkeypress si no estoy equivocado, pero no me funciona podrias por favor decirme como hacerlo.
Gracias

JavierB · #5 (**permalink**) 26/10/2006, 12:43

Hola hanscruz

Con onkeypress podrás controlar que solo escriban números, pero no puedes validar que esté entre 1 y 30, porque el evento se dispara cuando escribes el primer dígito.

Saludos,

ZiTAL · #6 (**permalink**) 26/10/2006, 12:47

haber asi:

Código HTML:

<html>
<head>
 <script type="text/javascript">
  function comprobar(f,t)
   {
    f=document.getElementById(f);    
    if(isNaN(f[t].value))
     {
      alert("No es un numero");
      f[t].value="";
      f[t].focus();
      return false;
     }
    else
     {
      if(f[t].value<1 || f[t].value>30)
       {
        alert("El numero debe ser mayor que 0 y menor que 31");
        f[t].value="";
        f[t].focus();
        return false;
       }
      else
       {
        return true;
       }
     }
   }
 </script>
</head>
<body>
 <form id="formu" action="" method="post">
  <input type="text" name="texto" onkeyup="return comprobar('formu','texto')"/>
  <input type="submit" name="verificar" value="verificar" />
 </form>
</body>
</html>

pero una pregunta, porque no funciona con comprobar('formu',this) ?