ya quedo con 2 cajas
Código:
<style type="text/css">
.normal {
border: 1px solid #666;
}
.error {
border: 1px solid #C00;
background-color: #FCCDCE;
}
.correcto {
border: 1px solid #090;
background-color: #CEFCCD;
}
</style>
Código:
<body onLoad="cambiaClase();">
<label for="textoA">campo textoA</label>
<input name="textoA" type="text" id="textoA" onBlur=comprobarDatos();>
<br>
<label for="textoB">campo textoB</label>
<input name="textoB" type="text" id="textoB" onBlur="comprobarDatos();">
</body>
Código:
function cambiaClase()
{
if(document.getElementById("textoA").value == "")
{
document.getElementById("textoA").className = "normal";
}
if(document.getElementById("textoB").value == "")
{
document.getElementById("textoB").className = "normal";
}
}
function comprobarDatos()
{
var valorA = document.getElementById("textoA").value;
var valorB = document.getElementById("textoB").value;
if(valorB <= valorA)
{
document.getElementById("textoA").className = "correcto";
document.getElementById("textoB").className = "correcto";
}
else
{
document.getElementById("textoA").className = "error";
document.getElementById("textoB").className = "error";
}
}
ahora no se como con mas cajas que necesitare