formulario validacion

[info0506]

Hola tengo un problema con el procesamiento de un formulario este es mi codigo de la pagina del foprmulario:
incluyo en el head esto:

Código PHP:

  <script language="javascript" src="validar.js"></script> 
  

y en el body:

Código PHP:

         <form action="handleForm.php" method="post" onsubmit="return validar(this)">
        <table class="tablamostrar">
 
            <input type="hidden" name="ID_PROYECTO" value = "<?php echo null; ?>" >
            <input type="hidden" name="COLOR" value = "<?php echo null; ?>">
            
            <tr><th rowspan=3 >Estado del proyecto</th>
            <td bgcolor="#ccffff"><input type="radio" name="COLOR" value="1" >En Lima</td>   <td bgcolor="#bde6e1"><input type="radio" name="COLOR" value="4" >En fabricaci&oacuten</td></tr>
            <tr><td bgcolor="#cc99ff"><input type="radio" name="COLOR" value="2">En aduanas</td><td bgcolor="#33cccc"><input type="radio" name="COLOR" value="5" >Contrato firmado, aun no en f&aacutebrica</td></th></tr>
            <tr><td bgcolor="#e1c7e1"><input type="radio" name="COLOR" value="3">En camino</td> <td bgcolor="#ff0000"><input type="radio" name="COLOR" value="6" >Por firmar contrato o Faltan planos de instalaci&oacuten</td></tr>
            
            <tr><th>Codigo de Proyecto</th><td colspan=2><input type="text" size="80" name="ID_PROYECTO" id="input1" value="<?php echo null; ?>"></td><td><p id="error1" style="visibility:hidden">Falta ingresar datos</p></td></tr>
            <tr><th>Proyecto</th><td colspan=2><input type="text" size="80" name="PROYECTO" id="input2" value="<?php echo null; ?>"></td><td id="error2" style="visibility:hidden">Falta ingresar datos</td></tr>
            <tr><th>Cliente</th><td colspan=2><input type="text" size="80" name="CLIENTE" id="input3" value="<?php echo null; ?>"></td><td id="error3" style="visibility:hidden">Falta ingresar datos</td></tr>
    
 
 
            <tr><td colspan = 2> 
            <input type="submit" name="action" value="Ok"></input>
            <input type="submit" name="action" value="Cancel"></input> 
            </td></tr>
        
        </table>
        
        </form>  

y el codigo javascript es (validar.js) es:

Código PHP:

  function validar(frm){
 
    var resultado1 = frm.ID_PROYECTO.value.length > 0;
    var resultado2 = frm.PROYECTO.value.length > 0;
    var resultado3 = frm.CLIENTE.value.length > 0;
 
  
  document.getElementById('error1').style.visibility = (resultado1) ? 'hidden':'visible';
  document.getElementById('input1').style.borderColor = (resultado1) ? 'black':'red';
  document.getElementById('input1').style.color = (resultado1) ? 'black':'red';
  
  document.getElementById('error2').style.visibility = (resultado2) ? 'hidden':'visible';
  document.getElementById('input2').style.borderColor = (resultado2) ? 'black':'red';
  document.getElementById('input2').style.color = (resultado2) ? 'black':'red';
  
  document.getElementById('error3').style.visibility = (resultado3) ? 'hidden':'visible';
  document.getElementById('input3').style.borderColor = (resultado3) ? 'black':'red';
  document.getElementById('input3').style.color = (resultado3) ? 'black':'red';
  
 
    
  return (resultado1 && resultado2 && resultado3);
} 
   

nose porque no me corre, en realidad quiero hacerlo para 18 campos, pero solo puse 3 pero no me compila, alguien que me pueda ayudar a resolver esto?

[caricatos]

Hola:

Te has fijado en el código fuente... los "echo null" de php no me gustan ... y en un campo hidden...

Saludos

[info0506]

Hola, bueno ya elimine los echo null, estaban de mas, y el campo hidden tambien, pero sigue pasandose de frente a handleForm.php cuando dejo los campos vacios, otra observacion, al final tengo algo asi:

Código PHP:

<tr><td colspan = 2> 
            <input type="submit" name="action" value="Ok"></input>
            <input type="submit" name="action" value="Cancel"></input> 
            </td></tr>
 

[emprear]

Iniciado por info0506

Hola, bueno ya elimine los echo null, estaban de mas, y el campo hidden tambien, pero sigue pasandose de frente a handleForm.php cuando dejo los campos vacios, otra observacion, al final tengo algo asi:

Código PHP:

<tr><td colspan = 2> 
            <input type="submit" name="action" value="Ok"></input>
            <input type="submit" name="action" value="Cancel"></input> 
            </td></tr>
 

Lo estás haciendo mal, y complicado.
Primero te planteo una duda, no me queda muy claro si queres validar que cualquiera de esos tres campos no deba de estar vacío ó solo uno de ellos, bueno, al margen, to lo hago para los tres
Esto se ha explicado reiteradamente, lee estos posts
http://www.forosdelweb.com/f13/que-h...5/#post4352048
http://www.forosdelweb.com/f13/que-h...5/#post4353569
sobre todo en lo referente al uso del onsubmit para validar

Ahora sobre tu código, y en función de las lecturas que te recomendé

Código Javascript:

if (!resultado1 || !resultado2 || !resultado3){
    alert('llenar los campos...')
  return false;
  }
 

insisto, a falta de más datos, hice que los tres sean obligatorios
Asi y todo con esa corrección tampoco te va a funcionar por lo siguiente:
tu form tiene dos campos con
name="ID_PROYECTO" con lo cual tu variable
var resultado1 = frm.ID_PROYECTO.value.length > 0;
va a arrojar un "undefined", deberías cambiar el name de
<input type="hidden" name="ID_PROYECTO" value = "" >
y de paso quitemos eso de null, como señaló @caricatos.
Y porque lo de que te estás complicando?

Ya que definistes id para los inputs en cuestion, es más, tu función usa para los errores getElementById, usa lo mismo para las tres primeras variables, al tener que ser los id únicos, simplificas el proceso de identificación de los campos.
En concreto esto funciona

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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
function validar(frm){ 
 
 var resultado1 = frm.ID_PROYECTO.value.length > 0; 
    var resultado2 = frm.PROYECTO.value.length > 0; 
    var resultado3 = frm.CLIENTE.value.length > 0; 
 
   
  document.getElementById('error1').style.visibility = (resultado1) ? 'hidden':'visible';
   document.getElementById('input1').style.borderColor = (resultado1) ? 'black':'red';
   document.getElementById('input1').style.color = (resultado1) ? 'black':'red';
  
  document.getElementById('error2').style.visibility = (resultado2) ? 'hidden':'visible';
   document.getElementById('input2').style.borderColor = (resultado2) ? 'black':'red';
   document.getElementById('input2').style.color = (resultado2) ? 'black':'red';
    
  document.getElementById('error3').style.visibility = (resultado3) ? 'hidden':'visible';
   document.getElementById('input3').style.borderColor = (resultado3) ? 'black':'red';
   document.getElementById('input3').style.color = (resultado3) ? 'black':'red';
    
 
     
  if (!resultado1 || !resultado2 || !resultado3){
    alert('llenar los campos...')
  return false;
  }
}
//]]>
</script>
</head>
<body>
      <form action="handleForm.php" method="post" onsubmit="return validar(this)">
         <table class="tablamostrar"> 
 
            <!-- input type="hidden" name="ID_PROYECTO" value = "" -->
             <input type="hidden" name="COLOR" value = ""> 
             
            <tr><th rowspan=3 >Estado del proyecto</th> 
            <td bgcolor="#ccffff"><input type="radio" name="COLOR" value="1" >En Lima</td>   <td bgcolor="#bde6e1"><input type="radio" name="COLOR" value="4" >En fabricaci&oacuten</td></tr>
             <tr><td bgcolor="#cc99ff"><input type="radio" name="COLOR" value="2">En aduanas</td><td bgcolor="#33cccc"><input type="radio" name="COLOR" value="5" >Contrato firmado, aun no en f&aacutebrica</td></th></tr>
             <tr><td bgcolor="#e1c7e1"><input type="radio" name="COLOR" value="3">En camino</td> <td bgcolor="#ff0000"><input type="radio" name="COLOR" value="6" >Por firmar contrato o Faltan planos de instalaci&oacuten</td></tr>
              
            <tr><th>Codigo de Proyecto</th><td colspan=2><input type="text" size="80" name="ID_PROYECTO" id="input1" value=""></td><td><p id="error1" style="visibility:hidden">Falta ingresar datos</p></td></tr>
             <tr><th>Proyecto</th><td colspan=2><input type="text" size="80" name="PROYECTO" id="input2" value=""></td><td id="error2" style="visibility:hidden">Falta ingresar datos</td></tr>
             <tr><th>Cliente</th><td colspan=2><input type="text" size="80" name="CLIENTE" id="input3" value=""></td><td id="error3" style="visibility:hidden">Falta ingresar datos</td></tr>
      
 
 
            <tr><td colspan = 2>  
            <input type="submit" name="action" value="Ok"></input> 
            <input type="submit" name="action" value="Cancel"></input>  
            </td></tr> 
         
        </table> 
         
        </form> 
</body>
</html>
 

SAludos

[info0506]

Hola, gracias por la informacion ya esta saliendo este problema, en javascript soy novato, bueno tengo otro problema, sucede que tengo dos botones submit uno para procesor OK y otro para CANCELAR, pero si presiono cancelar no sale al index, sino me aparece como si estuviera persionando OK, o sea los alerts del javascript.

[jonni09lo]

Iniciado por info0506

Hola, gracias por la informacion ya esta saliendo este problema, en javascript soy novato, bueno tengo otro problema, sucede que tengo dos botones submit uno para procesor OK y otro para CANCELAR, pero si presiono cancelar no sale al index, sino me aparece como si estuviera persionando OK, o sea los alerts del javascript.

Tu problema es que confundes cosas de html submit solo es para enviar formularios, si quieres llevar al usuario a otra pagina usa un link

Saludos

[info0506]

Hola, gracias por la aclaracion, lo que sucede es que mi procesa.php, tambien tiene un metodo que ve si has presionado cancel, entonces no procesa nada y te regresa al index
lo solucione reemplazando ese submit con nombre Cancel por este button:

Código PHP:

<input type="button" value="Cancel" onclick="window.location.href='index.php'" /></input>
 

[jonni09lo]

Creo que esto

<input type="submit" name="action" value="Cancel"></input>

Es diferente a esto

<input type="button" value="Cancel" onclick="window.location.href='index.php'" /></input>

No?
Ademas la etiqueta input no tiene etiqueta de cerrada </input>

Saludos