Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/03/2011, 07:02
roser24
 
Fecha de Ingreso: marzo-2010
Mensajes: 127
Antigüedad: 14 años, 2 meses
Puntos: 2
Problema con checkbox

Hola a todos,primeramente gracias por tomaros el tiempo de leer mi post,vereis no se porque la funcion fvalidar no funciona bien en cuanto a mis checkbox,en cuanto detecta que no esta ninguno marcado si me da el alert de que marque uno pero tras aceptar el alert y marcar el checkbox me sigue dando el mismo alert..esto me trae de cabeza..porfavor si alguien sabe como solucionarlo..gracias de antemano..salu2.

[HIGHLIGHT="Javascript"]
<script language="javascript">
var x=0;
var opcion=false;
var ok='s';
var band='s';

function fenter(caja,elevento){
var eve=elevento||window.event;
if(eve.keyCode==13){
switch(caja){

case 1:document.getElementById('contraseña').focus();
break;
case 2:document.getElementById('aficiones').focus();
break;
case 3:document.getElementById('apellido').focus();
break;
case 4:document.getElementById('x').focus();
break;

}
}


}

function fvalidar(){

if(document.getElementById('nombre').value==""){
ok='n'
document.getElementById('errorusu').style.visibili ty='visible';
}
else{
document.getElementById('errorusu').style.visibili ty='hidden';
}
if(document.getElementById('apellido').value==""){
ok='n';
document.getElementById('errorape').style.visibili ty='visible';
}
else{
document.getElementById('errorape').style.visibili ty='hidden';
}
if (document.getElementById('pass').value==""){
ok='n';
document.getElementById('errorpass').style.visibil ity='visible';
}
else{
document.getElementById('errorpass').style.visibil ity='hidden';
}


var camposCheck=document.getElementsByName("afi");
while(x<camposCheck.length && !opcion){

if(camposCheck[x].checked){
opcion=true;
}
x++;
}
if(!opcion){alert("tienes que seleccionar alguna opcion");band='n';}






if(ok=='s'&& band=='s'){
document.f.submit();
}

}
</script>[HIGHLIGHT]
Código HTML:
Ver original
  1. <table border=0>
  2. <form action="prueba.php" method=POST name=f>
  3. <tr><td>
  4. Nombre:<input type="text" name=nombre id=nombre onkeypress='fenter(1,event)'><label id=errorusu style="visibility:hidden;color:red">Introduce el nombre</label></td></tr>
  5. <tr><td>Conraseña:<input type="password" name=pass id=pass onkeypress='fenter(2,event)'><label id=errorpass style="visibility:hidden;color:red">Introduce contraseña</label></td></tr>
  6. <tr><td>Aficiones:<input type="text" name=aficiones id=aficiones onkeypress='fenter(3,event)'><label id=erroafic style="visibility:hidden;color:red">Introduce aficiones</label></td></tr>
  7. <tr><td>apellido:<input type="text" name=apellido id=apellido onkeypress='fenter(4,event)'><label id=errorape style="visibility:hidden;color:red">Introduce apellido</label></td></tr>
  8.  
  9. <tr><td>Marque al menos una aficion:<br>
  10. <input type=checkbox name="afi" id="musica" value="musica">Musica<br>
  11. <input type=checkbox name="afi" id="leer" value="leer">Leer<br>
  12. <input type=checkbox name="afi" id="correr" value="correr">Correr<br>
  13. </td></tr>
  14. <tr><td><input type=button name=x id=x value="enviar" onclick='fvalidar();'></td></tr>
  15. </form>