validar antes de guardar

[lukas4]

trata cambiando el boton, en lugar de submit ponle button creo que eso es parte del problema y al codigo js le agregas unas lineas:

Código Javascript:

function validar(){
* *if(document.getElementById("folio").value==""){
* * * alert("por favor inserte el folio.");
      return;
* *}
* *if(document.getElementById("cve_med").value==""){
* * * alert("por favor inserte clave de medicion.");
      return;
* *}
* *if(document.getElementById("id").value==""){
* * * alert("por favor inserte el numero de identificación.");
      return;
* *}
* *if(document.getElementById("folio_cer").value==""){
* * * alert("por favor inserte el folio de certificado.");
      return;
* *}
   document.getElementById("formulario").submit();
}
 

tambien estaba revisando unas validaciones en w3school, y encontre este ejemplo click aqui

porias agregarle a tu form el atributo onsubmit como lo muestra el ejemplo y quitarle al submit el atributo onclick

Código HTML:

<form name="formulario" id="formulario" action="<?=$_SERVER['PHP_SELF']?>" method="post"  onsubmit="return validar()">
<input type="submit" name="Guardar" value="Guardar" />
 

y a tu codigo js agregale en los ifs el return false y si quieres de una vez agregale el focus

Código Javascript:

<script>
function validar(){
* *if(document.getElementById("folio").value==""){
* * * alert("por favor inserte el folio.");
      document.getElementById("folio").focus();
      return false;
* *}
* *if(document.getElementById("cve_med").value==""){
* * * alert("por favor inserte clave de medicion.");
      document.getElementById("cve_med").focus();
      return false;
* *}
* *if(document.getElementById("id").value==""){
* * * alert("por favor inserte el numero de identificación.");
      document.getElementById("id").focus();
      return false;
* *}
* *if(document.getElementById("folio_cer").value==""){
* * * alert("por favor inserte el folio de certificado.");
      document.getElementById("folio_cer").focus();
      return false;
* *}
}
</script>
 

en el Clave de medicion te falto ponerle el id.

trata con alguna de estas ideas para ver si te funciona.

otra cosa, como estas usando tablas creo que esta demas que en cada td pongas un div yo recomendaria que aprendieras a usar divs+css (es un poco tedioso cuando uno esta aprendiendo, pero luego se pone divertido) pero por mientras sigue utilizando la tabla, ya cuando te sientas comodo trata de cambiar las tablas por divs.

tambien trata de anidar bien las etiquetas en las lineas 47 a la 50 tienes mal cerrado el label y el div:

Código HTML:

<labe> <!-- le falta la L al final -->
<div align="center">los campos marcados con un * son obligatorios
  </label> <!-- debes cerrar primero el div y al final el label -->
</div>
 

saludos y buen dia