validar antes de guardar

[mexbale]

hola a todos tengo un pequeño problema.

tengo un formulario que en la base tiene 4 llaves primaria que son

FOLIO
CVE_MED
ID
FOLIO_CER

Y quisiera que mi formulario antes de mandarlo a guardar checara que esos campos no estén vacíos, que siempre deban de estar llenos, como puedo hacer eso?????

la verdad soy novato y espero que me puedan ayudar de antemano les doy las gracias y perdon por las molestias

Saludos buena tarde

[zerokilled]

buenas,
no en javascript. eso lo debes de manejar en el lenguaje de servidor que estés utilizando. intentar buscar una solución por el lado cliente es simplemente una mal decisión.

si lo requieres, reporta el tema y solicita que muevan el tema al foro del lenguaje que estes utilizando.

[lukas4]

eso lo puedes hacer facil con js, digamos que el input para los campos es el siguiente:

Código HTML:

<form id="forma">
Folio<input type="text" name="campo1"/>
CVE_MED<input type="text" name="campo2"/>
ID<input type="type" name="campo3"/>
FOLIO_CER</input type="text" name="campo4"/>
<input type="button" onclick="validar()"/>
</form>
 

y este seria tu codigo javascript:

Código Javascript:

function validar(){
   for(var i=0;i<=4;i++){
      if(document.getElementsByName("campo"+i)[0].value==""){
         alert("Por favor llene todos los campos.");
         return false;
      }
      else{
         document.getElementById("forma").submit();
      }
   }
}
 

espero esto te sirva de ayuda =)

[mexbale]

estimado zerokilled eso si lo tengo presente pero como el formulario es largo no me sirve de nada si capturan todo y al final no me guarda la informacion por que les falto rellenar algunos de los campos que mensiono
gracias por el comentario.

[mexbale]

mi estimado lukas4 en la funcion que me pondes si mas o menos le entiendo estas haciendo que revise todos los campo de tu formulario y lo que yo necesito es que nada mas revise esos 4 campos que menciono

gracias por la ayuda

otra forma de hacerlo o otra idea

[zerokilled]

pues de eso te tienes que encargar tu. si el usuario envio algun dato y es válido según tus criterios, lo que debes hacer es prestarle nuevamente el formulario pero con llenando los campos con la información válida y notificarle la razón del error. obvio, solo guardas la información cuando todo haya validado.

[lukas4]

pues entonces puedes poner una función en js o php o en lo que se te antoje que te valide esos campos, pero pues ahí tienes ese ejemplo que te puse si se te complica con los nombres puedes usar un getElementById que es CASI identico al getElementsByName. ejemplo:

Código HTML:

<form>
    *folio<input type="text" id="folio" name="folio"/>
    nombre<input type="text" name="nombre"/>
    apellido<input type="text" name="apellido"/>
   *id<input type="text" id="id" name="id"/>
   <input type="button" onclick="validar()"/>
</form>
<labe>los campos marcados con un * son obligatorios</label>
 

y los validas aqui:

Código Javascript:

function validar(){
   if(document.getElementById('folio').value==""){
      alert("por favor inserte el numero de folio.");
      return;
   }
   if(document.getElementById("id").value==""){
      alert("por favor inserte el numero de identificación.");
   }
}
 

Iniciado por mexbale

Y quisiera que mi formulario antes de mandarlo a guardar checara que esos campos no estén vacíos, que siempre deban de estar llenos, como puedo hacer eso?????

con los ejemplos que te puse puedes validar esos campos

[mexbale]

estimado lukas4 gracias por la ayuda así es como quiero que me quede la validación pero tengo un pequeño problema cuando revisa el formulario si le falta alguno de esos campos me aparece los mensajes correspondientes pero también me borra todo el formulario.

con esta situación como puedo hacerle que no me borre la información????

de antemano te doy las gracias y que tengas un buen dia

saludos

[mexbale]

estimado lukas4 modifique funsion que me pusiste como no me salio con el boton de guardar la voy a validar cuando salgas del campo pero me surgio otro imprevisto si funciona bien pero quisiera que cuando quieran dejar algunos de los campos que mencionamos, que le salga la alerta y que regrese al mismo campo que no puso nada, esta el la funsion que ocupo para que mande alerta que esta vacio

Código Javascript:

function validar(){
* *if(document.getElementById('folio').value==""){
* * * alert("por favor inserte el folio.");
* * * return;
* *}
}
 

y la llama de esta manera

Código HTML:

onBlur="validar()"
 

pero como te comento cuando sale la alerta quisiera que me regresara al mismo campo de donde salio
De antemano te doy las gracias y espero que tengas un buen día

Gracias por tu apoyo

[lukas4]

que extraño, no deberia de limpiarte el formulario, tal vez tienes mal algo en tu codigo, muestralo para ayudarte =)
En cuanto a lo de regresarse al campo si lo dejan en blanco prueba usando el metodo focus

Código Javascript:

function validar(){
   if(document.getElementById('folio').value==""){
      alert("por favor inserte el folio.");
      document.getElementByID('folio').focus();//aqui se debe de regresar al campo vacio
      return;
   }
}
 

prueba eso y nos comentas =)

[mexbale]

buenos dias lukas4
ok pues si lo hago con el botón queda así todo mi código

Código Javascript:

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

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pruebas</title>
</head>
<body onkeypress="return pulsar(event)" onLoad="document.formulario.folio.focus()">
<form name="formulario" id="formulario" action="<?=$_SERVER['PHP_SELF']?>" method="post" >
<table width="850" border="1" align="center">
  <tr>
    <td><div align="center">*Folio</div></td>
    <td><div align="center">
      <input type="text" id="folio" name="folio"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*Clave Medicion</div></td>
    <td><div align="center">
      <input type="text" name="cve_med"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">Nombre</div></td>
    <td><div align="center">
      <input type="text" name="nombre"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*ID</div></td>
    <td><div align="center">
      <input type="text" id="id" name="id"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*Folio de Certificado</div></td>
    <td><div align="center">
      <input type="text" id="folio_cer" name="folio_cer"/>
    </div></td>
  </tr>
  <tr>
    <td colspan="2">
      <div align="center">
        <input type="submit" name="Guardar" value="Guardar" onclick="validar()" />
        </div></td>
  </tr>
</table>
<labe>
<div align="center">los campos marcados con un * son obligatorios
  </label>
</div>
</form>
</body>
</html>
 

No se en donde esta el error por que cuando le doy en el botón de guardar me borra la información

De antemano te doy las gracias y buen día

[mexbale]

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:

<script>
function validar1(){
* *if(document.getElementById("folio").value==""){
* * * alert("por favor inserte el folio.");
* * * document.getElementById("folio").focus();//aqui se debe de regresar al campo vacio
* * * return;
* *}
}
</script>
<script>
function validar2(){
* *if(document.getElementById("cve_med").value==""){
* * * alert("por favor inserte clave de medicion.");
* * * document.getElementById("cve_med").focus();//aqui se debe de regresar al campo vacio
* * * return;
* *}
}
</script>
<script>
function validar3(){
* *if(document.getElementById("id").value==""){
* * * alert("por favor inserte el numero de identificacion.");
* * * document.getElementById("id").focus();//aqui se debe de regresar al campo vacio
* * * return;
* *}
}
</script>
<script>
function validar4(){
* *if(document.getElementById("folio_cer").value==""){
* * * alert("por favor inserte el folio de certificado.");
* * * document.getElementById("folio_cer").focus();//aqui se debe de regresar al campo vacio
* * * return;
* *}
}
</script>
 

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pruebas</title>
</head>
<body onkeypress="return pulsar(event)" onLoad="document.formulario.folio.focus()">
<form name="formulario" id="formulario" action="<?=$_SERVER['PHP_SELF']?>" method="post" >
<table width="850" border="1" align="center">
  <tr>
    <td><div align="center">*Folio</div></td>
    <td><div align="center">
      <input type="text" id="folio" name="folio" onBlur="validar1()"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*Clave Medicion</div></td>
    <td><div align="center">
      <input type="text" name="cve_med" onBlur="validar2()"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">Nombre</div></td>
    <td><div align="center">
      <input type="text" name="nombre"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*ID</div></td>
    <td><div align="center">
      <input type="text" id="id" name="id" onBlur="validar3()"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*Folio de Certificado</div></td>
    <td><div align="center">
      <input type="text" id="folio_cer" name="folio_cer" onBlur="validar4()"/>
    </div></td>
  </tr>
  <tr>
    <td colspan="2">
      <div align="center">
        <input type="submit" name="Guardar" value="Guardar" />
        </div></td>
  </tr>
</table>
<labe>
<div align="center">los campos marcados con un * son obligatorios
  </label>
</div>
</form>
</body>
</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

[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

[mexbale]

Estimado lukas4 la primera opción que me poner si me funciona me manda el alerta cuando no lleno los campo y no me borra la información, pero cuando ya lleno todos los campos y le doy guardar no me guarda nada en mi base de datos el código quedo así:

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;
   }
   document.getElementById("formulario").submit();
}
</script>
 

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pruebas</title>
</head>
<body onkeypress="return pulsar(event)" onLoad="document.formulario.FOLIO.focus()">
<form name="formulario" id="formulario" action="<?=$_SERVER['PHP_SELF']?>" method="post" >
<table width="850" border="1" align="center">
  <tr>
    <td><div align="center">*Folio</div></td>
    <td><div align="center">
      <input type="text" id="FOLIO" name="FOLIO" size="8" maxlength="8"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*Clave Medicion</div></td>
    <td><div align="center">
      <input type="text" id="CVE_MED" name="CVE_MED" size="2" maxlength="2"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">Nombre</div></td>
    <td><div align="center">
      <input type="text" id="NOMBRE" name="NOMBRE"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*ID</div></td>
    <td><div align="center">
      <input type="text" id="ID" name="ID" size="2" maxlength="2"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*Folio de Certificado</div></td>
    <td><div align="center">
      <input type="text" id="FOLIO_CER" name="FOLIO_CER" size="9" maxlength="9"/>
    </div></td>
  </tr>
  <tr>
    <td colspan="2">
      <div align="center">
        <input type="button" name="Guardar" value="Guardar" onClick="validar()" />
        </div></td>
  </tr>
</table>
<label><div align="center">los campos marcados con un * son obligatorios</div></label>
</form>
</body>
</html>
 

no se en que estoy mal y por que no me guarda

no se si podrías checarlo y decirme en que estoy mal o cual es mi error

de antemano te doy las gracias

[lukas4]

la verdad yo no estoy familiarizado con el uso de $_SERVER['PHP_SELF'] pero si quieres mandar datos a una BD ocupamos ver tu codigo php, y en tu codigo no veo ningun include ni nada por el estilo que haga la llamada a un archivo php.

cambia el method="post" a method="get" y revisa la barra de direcciones para ver si te esta enviando los parametros a la nueva pagina o en tu caso, esta misma. deberias ver algo asi:

pagina.php?valor1=talCosa&valor2=talOtraCosa

[mexbale]

ok pues bueno te voy a poner todo mi código que tengo en la pagina:

Código HTML:

<?PHP  //primera Tabla
if(isset($_POST["Guardar"])) 
{
 
$FOLIO = $_POST['FOLIO'] = trim($_POST['FOLIO']); 
$CVE_MED = $_POST['CVE_MED'] = trim($_POST['CVE_MED']); 
$NOMBRE = $_POST['NOMBRE'] = trim($_POST['NOMBRE']); 
if (empty($ID)){$ID='NULL';}
$FOLIO_CER = $_POST['FOLIO_CER'] = trim($_POST['FOLIO_CER']); 
 
// Paso 1: Recibimos el formulario: 
$FOLIO = $_POST['FOLIO'] = trim($_POST['FOLIO']); 
mysql_connect("localhost", "root", "*******"); 
mysql_select_db("PRONTO"); 
 
mysql_query ("INSERT INTO
prueba (FOLIO, CVE_MED, NOMBRE, ID, FOLIO_CER, FECHA)
VALUES('$FOLIO', '$CVE_MED', '$NOMBRE', $ID, '$FOLIO_CER',  NOW())", mysql_connect(localhost , root , ********));
 
}
?>
<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;
   }
   document.getElementById("formulario").submit();
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function mostrarTab(obj) {
    rolling=obj.scrollTop;
    if(typeof obj.selectionStart == 'number') {
        // Resto de navegadores
        var start = obj.selectionStart;
        var end = obj.selectionEnd;
        obj.value = obj.value.substring(0, start)+"\t";
        obj.value+= obj.value.substring(start, obj.value.length);
        obj.focus();
        obj.selectionStart =  obj.selectionEnd= end + 2;
    } 
    else if(document.selection) {
        // Internet Explorer
        obj.focus();
        var range = document.selection.createRange();
        if(range.parentElement() != obj) return false;
        if (range.text != "") {
            if(typeof range.text == 'string'){
                document.selection.createRange().text ="\t"+range.text;
            }
            else obj.value += "\t";
        }
        else
            obj.value += "\t";
    }
    obj.scrollTop=rolling;
}
function tabulador(form,field)
{
var next=0, found=false
var f=form
//if(event.keyCode!=13) return;
for(var i=0;i<f.length;i++) {
    if(field.name==f.item(i).name){
        next=i+1;
        found=true
        break;
    }
}
//MODIFICACION A LA FUNCION &&  f.item(next).style.display!='none'
while(found){
    if( f.item(next).disabled==false &&  f.item(next).type!='hidden' &&  f.item(next).style.display!='none'){
        f.item(next).focus();
        break;
    }
    else{
        if(next<f.length-1)
            next=next+1;
        else
            break;
    }
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pruebas</title>
</head>
<body onkeypress="return pulsar(event)" onLoad="document.formulario.FOLIO.focus()">
<form name="formulario" id="formulario" action="<?=$_SERVER['PHP_SELF']?>" method="post" >
<table width="850" border="1" align="center">
  <tr>
    <td><div align="center">*Folio</div></td>
    <td><div align="center">
      <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)}"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*Clave Medicion</div></td>
    <td><div align="center">
      <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)}"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">Nombre</div></td>
    <td><div align="center">
      <input type="text" id="NOMBRE" name="NOMBRE" onkeyup = "this.value=this.value.toUpperCase();if (this.value.length == this.getAttribute('maxlength')){tabulador(this.form,this)}"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*ID</div></td>
    <td><div align="center">
      <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)}"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*Folio de Certificado</div></td>
    <td><div align="center">
      <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)}"/>
    </div></td>
  </tr>
  <tr>
    <td colspan="2">
      <div align="center">
        <input type="button" name="Guardar" value="Guardar" onClick="validar()" />
        </div></td>
  </tr>
</table>
<label><div align="center">los campos marcados con un * son obligatorios</div></label>
</form>
</body>
</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

[lukas4]

pues parece ser que la variable $_POST['Guardar'] viene vacia, por eso no te esta guardando nada, igual podrias cambiar la validacion usando los campos de folio,cve_med o id.

o si no, podemos cambiar el codigo poquito otra vez. a tu form agregale el atributo onsubmit:

Código HTML:

<form name="formulario" id="formulario" action="<?=$_SERVER['PHP_SELF']?>" method="post" onsubmit="return validar()">
 

y el boton cambialo por un submit

Código HTML:

<input type="button" name="Guardar" value="Guardar" />
 

[mexbale]

ok gracias lukas4 ya funciona la validación y guarda perfectamente quedo así:

Código HTML:

<?PHP  //primera Tabla
if(isset($_POST["Guardar"])) 
{
 
$FOLIO = $_POST['FOLIO'] = trim($_POST['FOLIO']); 
$CVE_MED = $_POST['CVE_MED'] = trim($_POST['CVE_MED']); 
$NOMBRE = $_POST['NOMBRE'] = trim($_POST['NOMBRE']); 
if (empty($ID)){$ID='NULL';}
$FOLIO_CER = $_POST['FOLIO_CER'] = trim($_POST['FOLIO_CER']); 
 
// Paso 1: Recibimos el formulario: 
$FOLIO = $_POST['FOLIO'] = trim($_POST['FOLIO']); 
mysql_connect("localhost", "root", "******"); 
mysql_select_db("PRONTO"); 
 
mysql_query ("INSERT INTO
prueba (FOLIO, CVE_MED, NOMBRE, ID, FOLIO_CER, FECHA)
VALUES('$FOLIO', '$CVE_MED', '$NOMBRE', $ID, '$FOLIO_CER',  NOW())", mysql_connect(localhost , root , ******));
 
}
?>
<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;
   }
   document.getElementById("formulario").submit();
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function mostrarTab(obj) {
    rolling=obj.scrollTop;
    if(typeof obj.selectionStart == 'number') {
        // Resto de navegadores
        var start = obj.selectionStart;
        var end = obj.selectionEnd;
        obj.value = obj.value.substring(0, start)+"\t";
        obj.value+= obj.value.substring(start, obj.value.length);
        obj.focus();
        obj.selectionStart =  obj.selectionEnd= end + 2;
    } 
    else if(document.selection) {
        // Internet Explorer
        obj.focus();
        var range = document.selection.createRange();
        if(range.parentElement() != obj) return false;
        if (range.text != "") {
            if(typeof range.text == 'string'){
                document.selection.createRange().text ="\t"+range.text;
            }
            else obj.value += "\t";
        }
        else
            obj.value += "\t";
    }
    obj.scrollTop=rolling;
}
function tabulador(form,field)
{
var next=0, found=false
var f=form
//if(event.keyCode!=13) return;
for(var i=0;i<f.length;i++) {
    if(field.name==f.item(i).name){
        next=i+1;
        found=true
        break;
    }
}
//MODIFICACION A LA FUNCION &&  f.item(next).style.display!='none'
while(found){
    if( f.item(next).disabled==false &&  f.item(next).type!='hidden' &&  f.item(next).style.display!='none'){
        f.item(next).focus();
        break;
    }
    else{
        if(next<f.length-1)
            next=next+1;
        else
            break;
    }
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pruebas</title>
</head>
<body onkeypress="return pulsar(event)" onLoad="document.formulario.FOLIO.focus()">
<form name="formulario" id="formulario" action="<?=$_SERVER['PHP_SELF']?>" method="post" onSubmit="return validar()">
<table width="850" border="1" align="center">
  <tr>
    <td><div align="center">*Folio</div></td>
    <td><div align="center">
      <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)}"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*Clave Medicion</div></td>
    <td><div align="center">
      <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)}"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">Nombre</div></td>
    <td><div align="center">
      <input type="text" id="NOMBRE" name="NOMBRE" onkeyup = "this.value=this.value.toUpperCase();if (this.value.length == this.getAttribute('maxlength')){tabulador(this.form,this)}"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*ID</div></td>
    <td><div align="center">
      <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)}"/>
    </div></td>
  </tr>
  <tr>
    <td><div align="center">*Folio de Certificado</div></td>
    <td><div align="center">
      <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)}"/>
    </div></td>
  </tr>
  <tr>
    <td colspan="2">
      <div align="center">
        <input type="submit" name="Guardar" value="Guardar" />
        </div></td>
  </tr>
</table>
<label><div align="center">los campos marcados con un * son obligatorios</div></label>
</form>
</body>
</html>
 

Muchas gracias por tu ayuda que tengas una buena tarde

[lukas4]

excelente, un gusto haber podido ayudar