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?