Cita:
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:
Ver original<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
:
Ver originalif (!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:
Ver original<!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"> <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;
}
}
//]]>
<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
ón</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ábrica</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ón</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