Hola estimados, tengo el siguiente problema. Estoy cargando en una <table> los registros de una base de datos. Pero estos datos los estoy mostrando en unos input text para que el usuario pueda modificarlos.
El tema es que quiero poner de color rojo el background del input si a medida que escribe para modificar el valor del dato este no corresponde al valor del input vecino. Yo sé que sería algo así:
Código:
var campo1 = document.getElementById('km_prog');
var campo2 = document.getElementById('km_real');
if(campo1.value != campo2.value){
campo1.style.backgroundColor = "red";
}
Pero no me resulta! Si alguien me puede ayudar lo agradecería. Les dejo el código para que puedan ver como muestro los datos.
Código PHP:
<form name="prueba">
<?php
if ($row = mysql_fetch_array($result)){
?>
<table>
<thead>
<tr>
<th><center>KM Programados</center></th>
<th><center>KM Reales</center></th>
</tr>
</thead>
<tbody>
<?php
do {
$km_prog=number_format($row["km_prog"], 3, ',', '.');
$km_reales=number_format($row["km_reales"], 3, ',', '.');
echo "<tr>
<td class='user-mobile'><input type='text' style='text-align: center' name='km_prog' id='km_prog' value='".$km_prog."'></td><td class='user-mobile'><input type='text' style='text-align: center' name='km_reales' id='km_reales' value='".$km_reales."'></td></tr> \n";
} while ($row = mysql_fetch_array($result));
echo "</table> \n";
} else {
echo "¡No se ha encontrado ningún registro!";
}
?>
</tbody>
</table>
</form>