Validar campos correctamente con el minimo codigo

franko1809 · #1 (**permalink**) 29/07/2008, 20:35

Utilizo esta funcion, que modifique de varios post, pero es muy larga quizas me puedan ayudar a reducirla y/u optimizarla.

Por ejemplo valida campo por campo y no todos a la vez
El mensaje de error lo muestro en un <div> ó <td> atravez del id, pero cuando todo esta correcto tengo q llenarlo con .innerHTML=' ' para q no se descuadre la tabla en el ejemplo q voy a poner no se nota ya q no utilizo tablas para q se entienda mejor, pongo el codigo separado para q se entienda

Código PHP:

  <head> 
<script type="text/javascript"> 
function validarprod(){ 
     with(document.formulario) 
         valor = document.getElementById("nomprod").value; 
         if( valor == null || valor.length == 0 || /^s+$/.test(valor) )  
         { 
         document.getElementById('lblNombre').innerHTML='<font color="red" face="Verdana, Arial, Helvetica, sans-serif" size="1">Debe llenar el campo Nombre</font>'; 
         return false; 
         } 
         else 
         document.getElementById('lblNombre').innerHTML='&nbsp;'; 
         valor = document.getElementById("precio").value; 
         if(valor == "" || isNaN(valor)|| /^s+$/.test(valor)) 
         { 
            document.getElementById('lblPrecio').innerHTML='<font color="red" face="Verdana, Arial, Helvetica, sans-serif" size="1">Debe llenar el campo Precio</font>'; 
            return false; 
         } 
         else 
         document.getElementById('lblPrecio').innerHTML='&nbsp;'; 
         return true; 
} 
</script> 
</head>

Código HTML:

<body>
<form name="formulario" method="post" onSubmit='return validarprod()' action="#">
Nombre(*)
<input type="text" name="nomprod" size="20" maxlength="35"><br>
<div id="lblNombre"></div>
Descripcion
<input type="text" name="descripcion" size="20" maxlength="35"><br>
Precio(*)
<input type="text" name="precio" size="20" maxlength="15"><br>
<div id="lblPrecio"></div>
<input type="submit" name="grabar" value="Grabar">
</form>
</body>