Tema: validar antes de guardar
Ver Mensaje Individual
  #12 (permalink)  
Antiguo 15/02/2012, 12:09
Avatar de mexbale
mexbale
 
Fecha de Ingreso: septiembre-2010
Ubicación: Iztapalapa
Mensajes: 146
Antigüedad: 13 años, 8 meses
Puntos: 1
Respuesta: validar antes de guardar
y con respecto a la método focus() si me me queda pero tengo un problema con eso.

como tengo los campos juntos se traba la pagina me muestra la alerta del folio y de la clave de medición te pongo el código que tengo con el método focus()


Código Javascript: 
Ver original
  1. <script>
  2. function validar1(){
  3. * *if(document.getElementById("folio").value==""){
  4. * * * alert("por favor inserte el folio.");
  5. * * * document.getElementById("folio").focus();//aqui se debe de regresar al campo vacio
  6. * * * return;
  7. * *}
  8. }
  9. </script>
  10. <script>
  11. function validar2(){
  12. * *if(document.getElementById("cve_med").value==""){
  13. * * * alert("por favor inserte clave de medicion.");
  14. * * * document.getElementById("cve_med").focus();//aqui se debe de regresar al campo vacio
  15. * * * return;
  16. * *}
  17. }
  18. </script>
  19. <script>
  20. function validar3(){
  21. * *if(document.getElementById("id").value==""){
  22. * * * alert("por favor inserte el numero de identificacion.");
  23. * * * document.getElementById("id").focus();//aqui se debe de regresar al campo vacio
  24. * * * return;
  25. * *}
  26. }
  27. </script>
  28. <script>
  29. function validar4(){
  30. * *if(document.getElementById("folio_cer").value==""){
  31. * * * alert("por favor inserte el folio de certificado.");
  32. * * * document.getElementById("folio_cer").focus();//aqui se debe de regresar al campo vacio
  33. * * * return;
  34. * *}
  35. }
  36. </script>
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>pruebas</title>
  6. </head>
  7. <body onkeypress="return pulsar(event)" onLoad="document.formulario.folio.focus()">
  8. <form name="formulario" id="formulario" action="<?=$_SERVER['PHP_SELF']?>" method="post" >
  9. <table width="850" border="1" align="center">
  10.   <tr>
  11.     <td><div align="center">*Folio</div></td>
  12.     <td><div align="center">
  13.       <input type="text" id="folio" name="folio" onBlur="validar1()"/>
  14.     </div></td>
  15.   </tr>
  16.   <tr>
  17.     <td><div align="center">*Clave Medicion</div></td>
  18.     <td><div align="center">
  19.       <input type="text" name="cve_med" onBlur="validar2()"/>
  20.     </div></td>
  21.   </tr>
  22.   <tr>
  23.     <td><div align="center">Nombre</div></td>
  24.     <td><div align="center">
  25.       <input type="text" name="nombre"/>
  26.     </div></td>
  27.   </tr>
  28.   <tr>
  29.     <td><div align="center">*ID</div></td>
  30.     <td><div align="center">
  31.       <input type="text" id="id" name="id" onBlur="validar3()"/>
  32.     </div></td>
  33.   </tr>
  34.   <tr>
  35.     <td><div align="center">*Folio de Certificado</div></td>
  36.     <td><div align="center">
  37.       <input type="text" id="folio_cer" name="folio_cer" onBlur="validar4()"/>
  38.     </div></td>
  39.   </tr>
  40.   <tr>
  41.     <td colspan="2">
  42.       <div align="center">
  43.         <input type="submit" name="Guardar" value="Guardar" />
  44.         </div></td>
  45.   </tr>
  46. </table>
  47. <labe>
  48. <div align="center">los campos marcados con un * son obligatorios
  49.   </label>
  50. </div>
  51. </form>
  52. </body>
  53. </html>

Espero que me puedas ayudar de cualquier manera con este problema

te doy las gracias por el tiempo que te tomas para revisar el tema

suerte buen día