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?