Tema: Puedo hacer un submit de formulario mediante post usando antes un script de java?
Ver Mensaje Individual
  #12 (permalink)  
Antiguo 22/03/2012, 03:43
Jor1980
 
Fecha de Ingreso: mayo-2011
Mensajes: 72
Antigüedad: 12 años, 11 meses
Puntos: 1
Respuesta: Puedo hacer un submit de formulario mediante post usando antes un script d
Ahora está corregido lo de los id, pero cuando pruebo dejo los campos email y teléfono vacíos y no me salta ninguna ventana de alerta ni se queda en la página actual, si no que se va a email.php.

¿A ti te ha funcionado este código?


Cita:
Iniciado por emprear Ver Mensaje
Si estás usando getElementById en el javascript, esos campos necesitan tener definido su correspondiente id
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <title></title>  
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
  7. <script type="text/javascript"> 
  8. //<![CDATA[ 
  9. function validar(){ 
  10. var email = document.getElementById("email").value; 
  11. var telefono = document.getElementById("telefono").value;  
  12. if((email == "")||(telefono == "")){ 
  13. alert('Ingrese su Email y su teléfono'); 
  14. return false; 
  15. }else{
  16. return true;
  17. }
  18. } 
  19. //]]> 
  20. </script> 
  21. </head> 
  22.  
  23.  
  24. <body> 
  25.  
  26. <form action="email.php" method="post" id="formulario" onsubmit="return validar();">
  27.  <p class="subtitulo">Datos del vehículo:</p> 
  28. <div class="grupoizquierda"> 
  29.  
  30. <div class="datos"> 
  31. <label>Marca</label> 
  32. <input  type="text" name="marca"/> 
  33. </div> 
  34.  
  35. <div class="datos"> 
  36. <label>Versión</label> 
  37. <input type="text" name="version"/> 
  38. </div> 
  39.  
  40. <div class="datos"> 
  41. <label>Garaje</label> 
  42. <input type="checkbox" name="garaje"/> 
  43. </div> 
  44.  
  45. <div class="datos"> 
  46. <label>Compañía</label> 
  47. <input type="text" name="compania de seguros"/> 
  48. </div> 
  49.  
  50. </div><!---final grupoizquierda --> 
  51.  
  52. <div class="grupoderecha"> 
  53.  
  54. <div class="datos"> 
  55. <label>Modelo</label> 
  56. <input type="text" name="modelo"/> 
  57. </div> 
  58.  
  59. <div class="datos"> 
  60. <label>CV</label> 
  61. <input type="text" name="cv"/> 
  62. </div> 
  63.  
  64. <div class="datos"> 
  65. <label>Código Postal</label> 
  66. <input type="text" name="codigo postal"/> 
  67. </div> 
  68.  
  69. <div class="datos"> 
  70. <label>Nº póliza actual</label> 
  71. <input type="text" name="poliza actual"/> 
  72. </div> 
  73.  
  74. </div><!--final grupoderecha--> 
  75.  
  76.  
  77.  
  78.  
  79. <div class="grupocentro"> 
  80.  
  81.  
  82. <p class="subtitulo">Datos de matriculación:</p> 
  83.  
  84.  
  85.  
  86. <div class="datos"> 
  87. <label>Año de matriculación</label> 
  88. <select name="matriculacion"><option>Seleccione</option><option>1990</option><option>1991</option><option>1992</option><option>1993</option><option>1994</option><option>1995</option><option>1996</option><option>1997</option><option>1998</option><option>1999</option><option>2000</option><option>2001</option><option>2002</option><option>2003</option><option>2004</option><option>2005</option><option>2006</option><option>2007</option><option>2008</option><option>2009</option><option>2010</option><option>2011</option><option>2012</option></select>
  89.  </div> 
  90.  
  91. <div class="datos"> 
  92. <label>Mes de matriculación</label> 
  93. <select name="mes matriculacion"><option>Seleccione</option><option>Enero</option><option>Febrero</option><option>Marzo</option><option>Abril</option><option>Mayo</option><option>Junio</option><option>Julio</option><option>Agosto</option><option>Septiembre</option><option>Octubre</option><option>Noviembre</option><option>Diciembre</option></select>
  94.  </div> 
  95.  
  96.  
  97. <p class="subtitulo">Datos del conductor:</p> 
  98.  
  99.  
  100. <div class="grupoizquierda"> 
  101.  
  102. <div class="datos"> 
  103. <label>Nombre</label> 
  104. <input type="text" name="nombre"/> 
  105. </div> 
  106.  
  107. <div class="datos"> 
  108. <label>DNI</label> 
  109. <input type="text" name="dni" />  
  110. </div> 
  111.  
  112. <div class="datos"> 
  113. <label>Sexo</label> 
  114. <select name="sexo"><option>Seleccione</option><option>Hombre</option><option>Mujer</option> </select>
  115.  </div> 
  116.  
  117. </div><!--end grupoizquierda de grupocentro--> 
  118.  
  119.  
  120. <div class="grupoderecha"> 
  121.  
  122. <div class="datos"> 
  123. <label>Años de carnet</label> 
  124. <input type="text" name="anyos de carnet"/> 
  125. </div> 
  126.  
  127. <div class="datos"> 
  128. <label>Edad</label> 
  129. <input type="text" name="edad"/> 
  130. </div> 
  131.  
  132. </div><!--end grupoderecha de grupo centro--> 
  133.  
  134. <br /> 
  135. <br /> 
  136. <br /> 
  137. <br /> 
  138. <br /> 
  139. <p class="subtitulo">Datos para recibir la información solicitada:</p> 
  140.  
  141. <div class="grupoizquierda"> 
  142.  
  143. <div class="datos"> 
  144. <label>Email</label> 
  145. <input type="text" name="email" id="email"/> 
  146. </div> 
  147.  
  148. </div><!--fin grupoizquierda--> 
  149.  
  150. <div class="grupoderecha"> 
  151.  
  152. <div class="datos"> 
  153. <label>Teléfono de contacto</label> 
  154. <input type="text" name="telefono" id="telefono"/> 
  155. </div> 
  156.  
  157. </div><!--fin grupoderecha--> 
  158.  
  159. <br /> 
  160.  
  161. <div class="datos"> 
  162. <p style="font-size:18px">Observaciones:</p> 
  163. <textarea name="observaciones" style="height:80px;width:350px;" rows="10" cols="20"></textarea> 
  164. </div> 
  165.  
  166. <input type="submit" name="enviar" style="height:30px; width:150px; margin-top:15px; margin-left:15px;" value="Enviar datos"/>
  167.  <a href="#" id="politica" class="politica">Política de privacidad</a> 
  168. </div><!--final grupocentro--> 
  169. </form> 
  170. </body> 
  171. </html>

SAludos