Dar Focus al producirse error

xiquetam · #1 (**permalink**) 25/11/2002, 11:13

Hola !!

estoy haciendo un cuestionario en el cual se dota al usuario de cierta cantidad de puntos. Estos tienen que ser divididos en cada pregunta en funcion de lo de acuerdo que este con ellas:

ejemplo:
300 puntos
1.- Te gusta cantar? 200
2.- Te gusta bailar? 100
...
N.- Pregunta N?...

Como ya deveis de estar suponiendo necesio llevar cuenta de cada introduccion de puntos y, en el caso que se pase o inserte un caracter alfabetico, quiero que el foco vaya a ese Input text despues de mostrarse un mensaje de alerta.

Tengo echo el codigo pero no hay manera de que me funcione. Entra en un bucle y me sale todo el rato el alert().

Este es el formulario:

<form name="Questionnaire" method="post" action="">
<input name="Q1" type="text" id="Q1" value="0" size="4" maxlength="4" onBlur="javascript:CheckSum(this);">
</form>

esta es la funcion:

<script language="JavaScript">

</script>

tambien probe de cambiar esto:

question.focus();

por esto

Questionnaire.question.focus();

si lo hago de esta ultima forma no me entra en el bucle pero no se me situa en el foco, produce un error !!

Gracias de antemano

Xiquetam

Kaopectate · #2 (**permalink**) 25/11/2002, 12:54

Xiquetam, prueba esto:

Código PHP:

  <html>

 <head>

  <script language="JavaScript">

   function validar(){

    var bOk = true; nTot = 0;

    with (document.Questionnaire){

     for (var i = 1; (i <= 3) && bOk; i++){

      if (isNaN(eval("Q" + String(i) + ".value"))){

       alert("You have not type a number");

       eval("Q" + String(i) + ".focus()");

       bOk = false;

      } else nTot += eval("parseInt(Q" + String(i) + ".value)");

      if (bOk && (nTot > 1000)){

       alert("Te pasaste de puntos !!");

       bOk = false;    

      }

     }

    }

    return bOk;

   }

  </script>

 </head>

 <body>

  <form name="Questionnaire">

   Primero:

   <input type="text" name="Q1">

   <br>

   Segundo:

   <input type="text" name="Q2">

   <br>

   Tercero:

   <input type="text" name="Q3">

   <br>

   <input type="button" onclick="validar()" value="Validar">

  </form>

 </body>

</html>

Suerte.

xiquetam · #3 (**permalink**) 26/11/2002, 04:09

Muchas gracias Kaopectate !!

De todas formas me interesa que el usuario no se pueda mover del campo de texto hasta que introduzca un numero. Pero, supongo que bastara con mover la llamada a la funcion en cada input, verdad?

Xiquetam

Kaopectate · #4 (**permalink**) 26/11/2002, 07:33

Yo haría entonces dos funciones, una que valide el campo y otra la suma. De cualquier modo prueba a mover la función y si tienes problemas la ajustamos.

Saludos.