Mettre en rouge un champ non rempli
bonjour,
je souhaite mettre le label de mon intitulé en rouge si un champ obligatoire n'est pas rempli..
le code de mes champs sont :
Code:
1 2 3 4
| <tr>
<td><label for="nom" class="oblig">Nom</label>*</td>
<td><input type="text" name="Nom"/></td>
</tr> |
Si un champ n'est pas obligatoire je ne lui mets pas de class...
voici la fonction que j'utilise (trouvé dans la FAQ) et modifiée...
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
|
function validateForm(form)
{
var inputList = document.forms['form'].getElementsByTagName('label');
for (unInput in inputList)
{
if(unInput.className=="oblig" && unInput.value.length==0)
{
unInput.className="alert";
return false;
}
return true;
}
} |
la class alert etant un font-color=red.....
qu'en pensez-vous ? (je ne peux tester pour l'instant...)