Problema con Java Script (validar checks)

nutriax · #1 (**permalink**) 30/03/2010, 12:42

Hola, es unos de mis primeros post, y busque sobre este tema pero no encontré mucho que digamos, por lo que me lleva a abrir este tema con mi situación particular.
Si ya hay algún tema parecido abierto pásenme el link please.
Bueno el problema mío es el siguiente:
Tengo este html que genero con jsp

Código PHP:

  <html>

  <head>

  <script language="javascript">

  function validar(){

        chk=document.getElementsByName('check[]');

        var num=0;

            for (i=0;chk.length;i++){

              ele=chk[i];

              if (ele.checked){

                  num++;

              }

            }

        if(num==0){

            alert('Debe seleccionar al menos un elemento');

        }else{

            document.f1.action="paginas.jsp";

            document.f1.submit();

        }

    }

  </script>

  </head>

  <body>

      <form  name="f1" action="paginas.jsp" method="post">

        Selecciona al menos una opcion:<br><br>

        <input type="checkbox" id="check" name="check"    value="1" onclick="validar()">Opcion1<br>

        <input type="checkbox" id="check" name="check"    value="2" onclick="validar()">Opcion2<br>

        <input type="checkbox" id="check" name="check"    value="3" onclick="validar()">Opcion3<br>

        <br>

        <input name="Nueva" type="image" value="Eliminar Selección" src="http://www.google.com.ar/images/firefox/spraycan_customize.png" align="left">

      </form>

  </body>

</html>

El cual tiene varios checks, y una imagen para hacer submit del form.
Mi problema es que el código de JS no funciona.
Lo que debería hacer es avisarle al usuario que tiene que seleccionar al menos un check, si el usuario selecciono al menos un check que haga el submit.
Este código como esta no anda, tocándolo un poco lo pude hacer andar, pero por ejemplo cuando no seleccionaba ninguno me aparecía el mensaje correctamente, pero cuando seleccionaba al menos un check me ponía el cartel que tenía que seleccionar al menos un check y cuando le daba en aceptar ahí recién hacia el submit (como que hubiese hecho dos click y me tomara el ultimo click)

ElJavista · #2 (**permalink**) 30/03/2010, 20:08

Bueno, es cuestión de conocer un poco más nomás.

Código:

function validar(){
        chk=document.f1.getElementsByName('input');
        var num=0;
            for (i=0;chk.length;i++){
              ele=chk[i];

              if (ele.type.toLowerCase() == 'checkbox'  && ele.checked){
                  num++;
              }
            }
        if(num==0){
            alert('Debe seleccionar al menos un elemento');
        }else{
            document.f1.action="paginas.jsp";
            document.f1.submit();
        }
    }
  </script>

Ves que era un par de cosas nomás?

nutriax · #3 (**permalink**) 30/03/2010, 22:56

Hola, antes que nada muchisimas gracias por contestar

...
llendo de nuevo al problema, los cambios que tu dices que le haga no me andan (y eso que copie y pegue tal cual todo el codigo tuyo.

ati te anduvo???
mira yo ya lo pude solucionar despues de probar tu codigo no me queria dar por vencido y encontre algo por aqui [URL="www.forosdelweb.com/f13/submit-boton-type-image-408488"]www.forosdelweb.com/f13/submit-boton-type-image-408488[/URL] si bien no esta todo el codigo completo me puse a tratar de completarlo yo por mi cuenta (cosa que me costo un poco porque no se mucho de javascript).
la funcion me quedo algo asi (para todos aquellos que quieren hacerlo):

Código PHP:

      function validar(obj){
        chk=obj.check;
        var num=0;
        for (i=0;i<chk.length;i++){
          ele=chk[i];
          if (ele.checked){
              num++;
          }
        }
        if(num==0){
            alert('Debe seleccionar al menos un elemento');
        }else{
            obj.submit();
        }
    }

y lo hice con una imagen (no puse el onsubmit en el form)

Código PHP:

  img src="algo.png" alt="Enviar" style="cursor:pointer;" onclick="javascript:validar(f1);" />

igualmente muchas gracias por tu preocupacion.

caricatos · #4 (**permalink**) 31/03/2010, 00:41

Hola:

Si tus checkboxes tienen el name="check", en la validación el name es "check" y no "check[]"... si te interesan los paréntesis para procesar luego el form en el servidor, entonces el nombre debe llevar los corchetes.

Sobre ese tema concreto puedes ver un ejemplo en este tutorial: El abc de los formularios

Y cuando tengas que validar y usar bien los formularios... debe tener un botón submit. La validación del tipo <form onsubmit="return validar(this)", y si quieres usar una imagen, tienes que saber que añade a las variables enviadas, las coordenadas de donde se pinche. Si de todos modos te interesan las imágenes, pueden ponerse dentro de un tag button type="submit".

Saludos

ElJavista · #5 (**permalink**) 31/03/2010, 07:53

Cita:

Iniciado por nutriax

Hola, antes que nada muchisimas gracias por contestar

...
llendo de nuevo al problema, los cambios que tu dices que le haga no me andan (y eso que copie y pegue tal cual todo el codigo tuyo.

ati te anduvo???
mira yo ya lo pude solucionar despues de probar tu codigo no me queria dar por vencido y encontre algo por aqui [URL="www.forosdelweb.com/f13/submit-boton-type-image-408488"]www.forosdelweb.com/f13/submit-boton-type-image-408488[/URL] si bien no esta todo el codigo completo me puse a tratar de completarlo yo por mi cuenta (cosa que me costo un poco porque no se mucho de javascript).
la funcion me quedo algo asi (para todos aquellos que quieren hacerlo):

Código PHP:

      function validar(obj){
        chk=obj.check;var num=0;
        for (i=0;i<chk.length;i++){
          ele=chk[i];
          if (ele.checked){
              num++;
          }
        }
        if(num==0){
            alert('Debe seleccionar al menos un elemento');
        }else{
            obj.submit();
        }
    }

y lo hice con una imagen (no puse el onsubmit en el form)

Código PHP:

  img src="algo.png" alt="Enviar" style="cursor:pointer;" onclick="javascript:validar(f1);" />

igualmente muchas gracias por tu preocupacion.

Pues no, no lo probé, a lo mejor había algo errado por ahi. No debes copiar y pegar códigos, debes entender la idea y modificar tu código, no vaya a ser que tanto el que recomienda como tú hayan cometido aunque sea una sutileza de error al momento de escribir y eso genere los erores.

nutriax · #6 (**permalink**) 31/03/2010, 08:43

Gracias caricatos!!!, tu link parece ser muy importante para gente como yo que no sabe mucho de html y que se pregunta como seria de la forma correcta, y también apoyo tu insistencia en recordar que se tiene que validar en los dos lados (cliente y servidor), después lo analizo con más detenimiento a ese link.
ElJavista, también muchas gracias por los aportes, no lo copie y pegue de una a tu código, sino que vi como lo encaraste y modifique el mío, y como no andaba, supuse que me estaba salteando algún cambio que hiciste y recién ahí lo copie y pegue por las dudas. Pero no te preocupes que soy muy inquieto y me gusta entender las cosas!
Ahora una consulta para cualquiera que pueda saber algo al respecto:
Tengo la duda de si es posible cuando yo valido del lado del servidor y encuentro errores, hay alguna forma (o cual sería la forma correcta de hacerlo) de poder rellenar los campos con los valores que ingreso el usuario (para que este último no tenga que tipiar uno por uno de los campos nuevamente), actualmente a los campos los completo por código del dalo del servidor pasando los parámetros nuevamente a la pagina del formulario.
Por ejemplo:
en la pagina del formulario tengo algo así como:

<input type="text" name="nombre" value="<%php $_GET['nombre']%>"/>

En donde si es la primera vez que entra va a estar vacía, pero sí hizo el submit entonces me va a una página validar.php por ejemplo y en dicha pagina compruebo todos los valores correctos, si hay algo mal redirecciono a la pagina del formulario armando la dirección con los parámetros, por ejemplo:

formulario.php?nombre=<%php $_GET['nombre']%>

Esto es simple y no se tiene que programar mucho cuando es un solo campo pero el problema esta cuando tengo como 10 o 15 campos es mucha programación y me parece que tendría que haber algo que sea más simple, existe algo más simple? cual sería la forma correcta de hacerlo?

caricatos · #7 (**permalink**) 31/03/2010, 08:57

Hola:

Estoy un poco despistado con:

value="<%php $_GET['nombre']%>"

Si es php sería:
value="<?php $_GET['nombre']; ?>"

Si es cosa php, la solución que yo suelo usar es aprovecharme de las variables de sesión:

$_SESSION["get"] = $_GET;

Pero evidentemente se tratará dependiendo del lenguaje que dispongas en tu servidor.

Saludos

nutriax · #8 (**permalink**) 31/03/2010, 09:16

sisi, yo me confundí y no puse el ; pero era para dar un ejemplo nomas de como es la forma en que lo soluciono yo, pero en realidad di un ejemplo con php pero estoy programando en jsp (que dentro de todo la idea es la misma que php), peor quería asegurarme si es correcto hacer lo que estoy haciendo actualmente o hay alguna forma de hacerlo más simple.
por ahí creo que vi un ejemplo en donde si el nombre del parámetro que le pasábamos por la url es igual al id del input lo tomaba solo html y le ponía el value con el parámetro que le pasábamos sin necesidad de programar nada.
por ejemplo llamamos a la pagina formulario.php?nombre='pepe' y si existía un input con id nombre el value de ese input es pepe (esto no recuerdo donde lo vi, pero lo había probado y funcionaba, pero ahora no me funciona).
alguien sabe de hacerlo de esta forma???