Tema: validar form
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 24/11/2013, 13:09
helenp
 
Fecha de Ingreso: mayo-2009
Mensajes: 382
Antigüedad: 15 años, 8 meses
Puntos: 6
Respuesta: validar form
Cita:
Iniciado por caricatos Ver Mensaje
Hola:

Te faltaría mostrar el formulario...

No estoy a favor de asignar un action con javascript... conviertes a tu formulario en no-accesible... si no quieres enviarlo simplemente cancélalo (return false)

Saludos
Gracias,
wow, funciona, no sé javascript, solo intento adjuntar puzzles :)
if ( ( document.searcherform.s[0].checked == false ) && ( document.searcherform.s[1].checked == false ) )
{ alert ( "Please choose all dates or selected dates" );
return false
}
Yo tampoco estoy a favor, pero necesito tener dos (tres) formularios en uno y tener 3 botones submit, pues queda enorme, si sabes alguna solución mejor.
Asi se me cambia formulario al seleccionar radiobutton.
Tendré que hacer un noscript con alguna solución.
Se sabé que cantidad tienen javascript desactivado?

Este es el script con el formulario entero y funcionando:

Código Javascript: 
Ver original
  1. <script type="text/javascript">
  2.  function onload() { 
  3.                   document.getElementById("uno").style.display = "block";
  4.                   document.getElementById("dos").style.display = "none";
  5. document.getElementById("tres").style.display = "none";
  6.  }
  7.  
  8.             function toggle(elemento) {
  9.               if(elemento.value=="1") {
  10.                   document.getElementById("uno").style.display = "block";
  11.                   document.getElementById("dos").style.display = "none";
  12.                   document.getElementById("tres").style.display = "none";
  13.                }
  14.                else{
  15.                    if(elemento.value=="2"){
  16.                        document.getElementById("uno").style.display = "none";
  17.                        document.getElementById("dos").style.display = "block";
  18.                        document.getElementById("tres").style.display = "block";
  19.                    }
  20.                 }
  21.                  }
  22.                  
  23.     function OnSubmitForm()
  24. {
  25. if(document.choise.a[0].checked == true)
  26.  {
  27.  
  28.         if ( ( document.searcherform.s[0].checked == false ) && ( document.searcherform.s[1].checked == false ) )
  29.         { alert ( "Please choose all dates or selected dates" );
  30.         return false
  31.         }
  32.  
  33.  document.searcherform.action="http://www.mysite.com/searchtest.php?z=z&d=d&t=t&s=s&day=day&month=month&day2=day2&month2=month2&e=e"
  34.  }
  35.  else
  36.   if(document.choise.a[1].checked == true)
  37.  {
  38.  document.searcherformsales.action="http://www.mysite.com/sales/searchtest.php?z=z&t=t&b=b&p=p&p1=p1&enviar=enviar"
  39.  document.searcherformsales2.action="http://www.mysite.com/sales/searchtest.php?id=id&enviarid=enviarid"
  40.  }
  41.  return true;
  42.  }                           
  43.     </script>
  44. <p class="searchertext2">Search for rental and sales properties</p>
  45. <form name="choise">
  46. <p class="searchertext bold">
  47.   <input name="a" type="radio" onclick="toggle(this)" value="1"  checked>Rentals&nbsp;
  48.   <input name="a" type="radio" onclick="toggle(this)"  value="2">Sales
  49.   </p>
  50.   </form>
  51. <form id="uno" style="display:none" name="searcherform" onsubmit="return OnSubmitForm()">
  52. <p class="searchertext">Area: &nbsp;&nbsp;&nbsp;<select name="z" class="area">
  53.   <option selected value="any">Any</option>
  54.     <option value="M">Marbella</option>
  55.  <option value="MC">Marbella Town</option>
  56.  <option value="GM">Golden Mile</option>
  57. <option value="GM">Marbella West</option>
  58. <option value="ME">Marbella East</option>
  59.   <option value="PB">Puerto Banus</option>
  60.   <option value="NA">Nueva Andalucia</option>
  61.     <option value="SP">San Pedro</option>
  62.  
  63. </select></p>
  64. <p class="searchertext">Property: <select name="t" class="tipocasa">
  65. <option selected value="anytype">Any</option>
  66. <option value="apartment">Apartments/flats</option>
  67. <option value="villa">Villas/town houses</option>
  68.  
  69. </select></p>
  70. <p class="searchertext">Sleeps: <select name="d" class="duermen">
  71. <option selected value="1">1</option>
  72. <option value="2">2</option>
  73.  <option value="3">3</option>
  74.   <option value="4">4</option>
  75.   <option value="5">5</option>
  76.   <option value="6">6</option>
  77.   <option value="7">7</option>
  78.   <option value="8">8</option>
  79.   <option value="9">9</option>
  80.    <option value="10">10</option>
  81.      <option value="11">11</option>
  82.        <option value="12">12</option>
  83.        <option value="13">13</option>
  84.        <option value="14">14</option>
  85. </select></p>
  86. <p class="searchertext">
  87.   <input name="s" type="radio" value="nodates">All dates&nbsp;
  88.   <input name="s" type="radio" value="dates">Selected dates
  89. </p>
  90. <p class="searchertext">Arrival:<br><?php include("includes/day.php"); ?>&nbsp;<?php include("includes/month.php"); ?>
  91. </p>
  92. <p class="searchertextlast">Departure:<br><?php include("includes/day2.php"); ?>&nbsp;<?php include("includes/month2.php"); ?></p>
  93. <p align="center"><input class="boton roundedcorner border"type="submit" style="width: 90px;"  name="e" value="Search"> </p>
  94. </form>
  95. <form id="dos" style="display:none" onsubmit="return OnSubmitForm();" name="searcherformsales" >
  96. <p class="searchertext">Area: &nbsp;&nbsp;&nbsp;<select name="z" class="area">
  97.   <option selected value="any">Any</option>
  98.     <option value="M">Marbella</option>
  99.  <option value="MC">Marbella Town</option>
  100.  <option value="GM">Golden Mile</option>
  101. <option value="GM">Marbella West</option>
  102. <option value="ME">Marbella East</option>
  103.   <option value="PB">Puerto Banus</option>
  104.   <option value="NA">Nueva Andalucia</option>
  105.     <option value="SP">San Pedro</option>
  106.  
  107. </select></p>
  108. <p class="searchertext">Property: <select name="t" class="tipocasa">
  109. <option selected value="anytype">Any</option>
  110. <option value="apartment">Apartments/flats</option>
  111. <option value="villa">Villas/town houses</option>
  112.  
  113. </select></p>
  114. <p class="searchertext">Bedrooms: <select name="b" class="duermen">
  115. <option selected value="1">1</option>
  116. <option value="2">2</option>
  117.  <option value="3">3</option>
  118.   <option value="4">4</option>
  119.   <option value="5">5</option>
  120.   <option value="6">6</option>
  121. </select></p>
  122.  
  123. <p class="searchertextlast">From:&nbsp;&nbsp;&nbsp; <select name="p1" class="price">
  124. <option selected value="100000">No minimum</option>
  125. <option value="100000">€100.000</option>
  126. <option value="300000">€300.000</option>
  127. <option value="500000">€500.000</option>
  128. <option value="700000">€700.000</option>
  129. <option value="1000000">€1.000.000</option>
  130. <option value="3000000">€3.000.000</option>
  131. <option value="5000000">€5.000.000</option>
  132. <option value="7000000">€7.000.000</option>
  133. <option value="10000000">€10.000.000</option>
  134.  
  135. </select><br><br>
  136. To:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <select name="p" class="price">
  137. <option selected value="100000000">No maximum</option>
  138. <option value="300000">€300.000</option>
  139. <option value="500000">€500.000</option>
  140. <option value="700000">€700.000</option>
  141. <option value="1000000">€1.000.000</option>
  142. <option value="3000000">€3.000.000</option>
  143. <option value="5000000">€5.000.000</option>
  144. <option value="7000000">€7.000.000</option>
  145. <option value="10000000">€10.000.000</option>
  146.  
  147. </select></p>
  148. <p align="center"><input class="boton roundedcorner border"type="submit" style="width: 90px;"  name="enviar" value="Search"> </p>
  149. </form> 
  150. <form name="searcherformsales2" id="tres" style="display:none" onsubmit="return OnSubmitForm();" >
  151. <p class="searchertext4">Reference: <input type="Text" name="id" size="8"></p>
  152. <p align="center"><input class="boton roundedcorner border"type="submit" style="width: 135px;"  name="enviarid" value="Search by reference"> </p>
  153. </form>