Tema: validacion de un radiobutton emergente (oculto)
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 29/04/2010, 14:31
bebo
 
Fecha de Ingreso: octubre-2009
Mensajes: 97
Antigüedad: 14 años, 6 meses
Puntos: 4
Respuesta: validacion de un radiobutton emergente (oculto)
Usa éste código. Modifique la función de VBR:
Código Javascript: 
Ver original
  1. <HTML>
  2. <HEAD>
  3. <TITLE>H.D. Imagenio </TITLE>
  4. <META NAME="Generator" CONTENT="EditPlus">
  5. <META NAME="Author" CONTENT="">
  6. <META NAME="Keywords" CONTENT=",">
  7. <META NAME="Description" CONTENT="">
  8.  
  9. <SCRIPT LANGUAGE="JavaScript">
  10. //<!-- funcion que recorre los radius mediante el name + indice para su validacion -->
  11.  
  12. function validar(f)
  13. {
  14. var registros=f.reg.value;
  15. for(var q=1;q<=registros;q++)
  16. {
  17. if(q==3 && VBR(f,"test3",3,false) && f["test3"][3].checked){
  18. if(VBR(f,"1test",3.1,true)){continue}else{return false}
  19. }
  20. if(!VBR(f,"test"+q,q,true)) {return false;}
  21. }
  22. return true;
  23. }
  24.  
  25. function VBR(f,q,n,alerta)
  26. {
  27. var x=f[q].length;
  28. for(var w=0;w<x;w++)
  29. {
  30. if(f[q][w].checked) {return true;}
  31. }
  32. if(alerta) alert("Por favor, conteste a la cuestion numero "+n);
  33. return false;
  34. }
  35.  
  36. //<!-- Fin de la funcion que recorre los radius mediante el name + indice para su validacion-->
  37.  
  38.  
  39. //<!-- Funcion para ver o no ver el emergente -->
  40.  
  41.  
  42. function quitar(n) {
  43. document.getElementById(n).style.display='none';
  44. } 
  45.  
  46. function ver(n) {
  47. document.getElementById(n).style.display='block';
  48. } 
  49. //<!--Fin Funcion para ver o no ver el emergente -->
  50. </script>
  51. <!-- Fin de los script. -->
  52. </HEAD>
  53.  
  54. <!-- Cabecera de la pagina -->
  55. <BODY background="fondo.gif">
  56. <TABLE WIDTH="100%">
  57. <TR>
  58. <TD WIDTH="20%" HEIGHT="100"><A HREF="http://www.movistar.es/" target="new"><IMG SRC="logo.gif" WIDTH="100" HEIGHT="100" BORDER="0" title="" ALIGN="TOP"></A></TD>
  59. <TD WIDTH="60%" HEIGHT="100" ><CENTER><IMG SRC="hdimage.gif" WIDTH="432" HEIGHT="100" BORDER="0" ALT=""></CENTER></TD>
  60. <TD WIDTH="20%" HEIGHT="100"><A HREF="http://csd-valencia.telefonica" target="new"><IMG SRC="ctv.gif" WIDTH="100" HEIGHT="80" BORDER="0" title=""="" ALIGN="center"></A></TD>
  61. </TR>
  62. </TABLE>
  63.  
  64. <!-- Comienza el formulario -->
  65. <form id="imaform" method="post" onsubmit="return validar(this);" action="">    
  66.  
  67.  
  68.  
  69. <FIELDSET STYLE="width: 97%; border-color: lime"><LEGEND STYLE="color: #FF0000; font-weight: bold">1.- Televisor</LEGEND>
  70. &#191;Ten&iacute;a el cliente un televisor compatible con alta definici&oacute;n?<BR>
  71. <input type="radio" id="TV" name="test1" value="Si"> Si&nbsp;&nbsp;&nbsp;&nbsp;
  72. <input type="radio" id="TV" name="test1" value="No"> No<br>
  73. </FIELDSET>
  74.  
  75.  
  76. <FIELDSET STYLE="width: 97%; border-color: lime"><LEGEND STYLE="color: #FF0000; font-weight: bold">2.- Conexi&oacute;n</LEGEND>
  77. &#191;C&oacute;mo conect&oacute; el descodificador al televisor?<BR>
  78. <input type="radio" id="CB" name="test2" value="A través de HDMI"> A trav&eacute;s de HDMI&nbsp;&nbsp;&nbsp;&nbsp;
  79. <input type="radio" id="CB" name="test2" value="A través deEuroconector"> A trav&eacute;s de Euroconector&nbsp;&nbsp;&nbsp;&nbsp;
  80. <input type="radio" id="CB" name="test2" value="Con ambos cables"> Con ambos cables
  81. </FIELDSET>
  82.  
  83.  
  84. <FIELDSET STYLE="width: 97%; border-color: lime"><LEGEND STYLE="color: #FF0000; font-weight: bold">3.- Modo de Video</LEGEND>
  85. &#191;Qu&eacute; modo de video qued&oacute; seleccionado en el descodificador?<BR> 
  86. <input type="radio" id="DV" name="test3" onclick="quitar('hdmi');" value="1080i"> 1080i&nbsp;&nbsp;&nbsp;&nbsp;
  87. <input type="radio" id="DV" name="test3" onclick="quitar('hdmi');" value="720p"> 720p&nbsp;&nbsp;&nbsp;&nbsp;
  88. <input type="radio" id="DV" name="test3" onclick="quitar('hdmi');" value="HDMI+Euroconector"> HDMI+Euroconector
  89. <input type="radio" id="DV" name="test3" onclick="ver('hdmi');" value="Euroconector"> Euroconector  </FIELDSET>
  90.  
  91. <div id="hdmi" style="display:none">
  92. <!-- Emergente si selecciona euroconector -->
  93. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<FIELDSET STYLE="width: 94%; border-color: lime"><LEGEND STYLE="color: #FF0000; font-weight: bold">3.1- HDMI</LEGEND>
  94. En caso de que lo haya conectado por Euroconector, &#191;dej&oacute; al cliente el cable HDMI por si lo necesita en adelante?<BR>
  95. <input type="radio" id="CE" name="1test" value="Si"> Si&nbsp;&nbsp;&nbsp;&nbsp;
  96. <input type="radio" id="CE" name="1test" value="No"> No&nbsp;&nbsp;&nbsp;&nbsp;
  97. <!-- Fin Emergente si selecciona euroconector -->
  98. </FIELDSET> este seria el que habria que validar, pero solo si se marca euroconector en el anterior.
  99. </div> 
  100. <FIELDSET STYLE="width: 97%; border-color: lime"><LEGEND STYLE="color: #FF0000; font-weight: bold">4.-Diferencia de Calidad</LEGEND>
  101. &#191;Ha percibido el cliente diferencia entre los canales HD y SD mostrandole los caneles 100 y 106?<BR> 
  102.  
  103. <input type="radio" id="DIF" name="test4" value="1"> Si&nbsp;&nbsp;&nbsp;&nbsp;
  104. <input type="radio" id="DIF" name="test4" value="2"> No
  105. </FIELDSET>
  106. <div>
  107. <label for="notas">
  108. <span style="color:#c00;">*</span>Observaciones
  109. </label><BR>
  110. <textarea name="notas" id="notes" rows="3" cols="70" onkeyup="val=this.value; if (val.length > 128) { alert('Lo siento, has sobrepasado el limite de 128 caracteres'); this.value = val.substring(0,128); } this.form.count.value=128-parseInt(this.value.length); ">Comentarios</textarea>
  111. </div>
  112. <!-- Comprobamos los caracteres escritos -->    
  113. <div>
  114. <label for="count">Caracteres disponibles:</label>
  115. <input type="text" name="count" id="counter" value="128" size="2" />
  116. <?php $text_len = preg_match_all('/./', $str, $dummy); ?>
  117. </div>
  118.  
  119. <!-- Comprobamos los caracteres escritos -->
  120. <!-- Indicamos el numero de registros que debe recorrer el script de validacion de radiobutons -->
  121. <input type=hidden name=reg value="4">
  122. <!-- Fin de la indicacion del numero de registros que debe recorrer el script de validacion de radiobutons -->
  123. <!-- Boton de enviar -->
  124. <input type="submit" id="mando" name="send" onclick="" value="Enviar &raquo;" title="Pulsa una vez para enviar el formulario." "> 
  125. <!-- Boton de limpiar formulario -->
  126. <input type="reset" value="Borrar Formulario" name="Borra" onclick="quitar('hdmi');"> 
  127. </FORM>
  128. <!-- Fin del Formulario -->
  129. </FORM> 
  130. </BODY>
  131. </HTML>