Tema: validar antes de guardar
Ver Mensaje Individual
  #16 (permalink)  
Antiguo 20/02/2012, 11:46
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
ok pues bueno te voy a poner todo mi código que tengo en la pagina:

Código HTML: 
Ver original
  1. <?PHP  //primera Tabla
  2. if(isset($_POST["Guardar"])) 
  3. {
  4.  
  5. $FOLIO = $_POST['FOLIO'] = trim($_POST['FOLIO']); 
  6. $CVE_MED = $_POST['CVE_MED'] = trim($_POST['CVE_MED']); 
  7. $NOMBRE = $_POST['NOMBRE'] = trim($_POST['NOMBRE']); 
  8. if (empty($ID)){$ID='NULL';}
  9. $FOLIO_CER = $_POST['FOLIO_CER'] = trim($_POST['FOLIO_CER']); 
  10.  
  11. // Paso 1: Recibimos el formulario: 
  12. $FOLIO = $_POST['FOLIO'] = trim($_POST['FOLIO']); 
  13. mysql_connect("localhost", "root", "*******"); 
  14. mysql_select_db("PRONTO"); 
  15.  
  16. mysql_query ("INSERT INTO
  17. prueba (FOLIO, CVE_MED, NOMBRE, ID, FOLIO_CER, FECHA)
  18. VALUES('$FOLIO', '$CVE_MED', '$NOMBRE', $ID, '$FOLIO_CER',  NOW())", mysql_connect(localhost , root , ********));
  19.  
  20. }
  21. ?>
  22. <script>
  23. function validar(){
  24.    if(document.getElementById("folio").value==""){
  25.       alert("por favor inserte el folio.");
  26. * * * document.getElementById("folio").focus();
  27. * * * return false;
  28.    }
  29.    if(document.getElementById("cve_med").value==""){
  30.       alert("por favor inserte clave de medicion.");
  31. * * * document.getElementById("cve_med").focus();
  32. * * * return false;
  33.    }
  34.    if(document.getElementById("id").value==""){
  35.       alert("por favor inserte el numero de identificación.");
  36. * * * document.getElementById("id").focus();
  37. * * * return false;
  38.    }
  39.    if(document.getElementById("folio_cer").value==""){
  40.       alert("por favor inserte el folio de certificado.");
  41. * * * document.getElementById("folio_cer").focus();
  42. * * * return false;
  43.    }
  44.    document.getElementById("formulario").submit();
  45. }
  46. </script>
  47. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  48. <html xmlns="http://www.w3.org/1999/xhtml">
  49. <head>
  50. <script type="text/javascript">
  51. function mostrarTab(obj) {
  52.     rolling=obj.scrollTop;
  53.     if(typeof obj.selectionStart == 'number') {
  54.         // Resto de navegadores
  55.         var start = obj.selectionStart;
  56.         var end = obj.selectionEnd;
  57.         obj.value = obj.value.substring(0, start)+"\t";
  58.         obj.value+= obj.value.substring(start, obj.value.length);
  59.         obj.focus();
  60.         obj.selectionStart =  obj.selectionEnd= end + 2;
  61.     } 
  62.     else if(document.selection) {
  63.         // Internet Explorer
  64.         obj.focus();
  65.         var range = document.selection.createRange();
  66.         if(range.parentElement() != obj) return false;
  67.         if (range.text != "") {
  68.             if(typeof range.text == 'string'){
  69.                 document.selection.createRange().text ="\t"+range.text;
  70.             }
  71.             else obj.value += "\t";
  72.         }
  73.         else
  74.             obj.value += "\t";
  75.     }
  76.     obj.scrollTop=rolling;
  77. }
  78. function tabulador(form,field)
  79. {
  80. var next=0, found=false
  81. var f=form
  82. //if(event.keyCode!=13) return;
  83. for(var i=0;i<f.length;i++) {
  84.     if(field.name==f.item(i).name){
  85.         next=i+1;
  86.         found=true
  87.         break;
  88.     }
  89. }
  90. //MODIFICACION A LA FUNCION &&  f.item(next).style.display!='none'
  91. while(found){
  92.     if( f.item(next).disabled==false &&  f.item(next).type!='hidden' &&  f.item(next).style.display!='none'){
  93.         f.item(next).focus();
  94.         break;
  95.     }
  96.     else{
  97.         if(next<f.length-1)
  98.             next=next+1;
  99.         else
  100.             break;
  101.     }
  102. }
  103. }
  104. </script>
  105. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  106. <title>pruebas</title>
  107. </head>
  108. <body onkeypress="return pulsar(event)" onLoad="document.formulario.FOLIO.focus()">
  109. <form name="formulario" id="formulario" action="<?=$_SERVER['PHP_SELF']?>" method="post" >
  110. <table width="850" border="1" align="center">
  111.   <tr>
  112.     <td><div align="center">*Folio</div></td>
  113.     <td><div align="center">
  114.       <input type="text" id="FOLIO" name="FOLIO" size="8" maxlength="8" onkeyup = "this.value=this.value.toUpperCase();if (this.value.length == this.getAttribute('maxlength')){tabulador(this.form,this)}"/>
  115.     </div></td>
  116.   </tr>
  117.   <tr>
  118.     <td><div align="center">*Clave Medicion</div></td>
  119.     <td><div align="center">
  120.       <input type="text" id="CVE_MED" name="CVE_MED" size="2" maxlength="2" onkeyup = "this.value=this.value.toUpperCase();if (this.value.length == this.getAttribute('maxlength')){tabulador(this.form,this)}"/>
  121.     </div></td>
  122.   </tr>
  123.   <tr>
  124.     <td><div align="center">Nombre</div></td>
  125.     <td><div align="center">
  126.       <input type="text" id="NOMBRE" name="NOMBRE" onkeyup = "this.value=this.value.toUpperCase();if (this.value.length == this.getAttribute('maxlength')){tabulador(this.form,this)}"/>
  127.     </div></td>
  128.   </tr>
  129.   <tr>
  130.     <td><div align="center">*ID</div></td>
  131.     <td><div align="center">
  132.       <input type="text" id="ID" name="ID" size="2" maxlength="2" onkeyup = "this.value=this.value.toUpperCase();if (this.value.length == this.getAttribute('maxlength')){tabulador(this.form,this)}"/>
  133.     </div></td>
  134.   </tr>
  135.   <tr>
  136.     <td><div align="center">*Folio de Certificado</div></td>
  137.     <td><div align="center">
  138.       <input type="text" id="FOLIO_CER" name="FOLIO_CER" size="9" maxlength="9" onkeyup = "this.value=this.value.toUpperCase();if (this.value.length == this.getAttribute('maxlength')){tabulador(this.form,this)}"/>
  139.     </div></td>
  140.   </tr>
  141.   <tr>
  142.     <td colspan="2">
  143.       <div align="center">
  144.         <input type="button" name="Guardar" value="Guardar" onClick="validar()" />
  145.         </div></td>
  146.   </tr>
  147. </table>
  148. <label><div align="center">los campos marcados con un * son obligatorios</div></label>
  149. </form>
  150. </body>
  151. </html>

como podrás ver todo lo hago en una sola pagina, al parecer el único conflicto que tengo con el código es, le cambio el tipo del botón lo tenia como submit y así si me guarda pero no me hace la validación con respecto a los campos ya mencionados, pero cuando le pongo al botón tipo Button me hace la validación pero no me guarda
espero que enconchemos el error

de antemano te mando las gracias y que tengas una buena tarde

saludos y suerte