[formulaire] Donner couleur à champ en erreur

iptima@gmail.com wrote:

Bonjour,

Je travaille actuellement à la conception d'un formulaire, dont les
champs seront validés grâce à JavaScript.

J'utilise la syntaxe suivante :

if(document.monformulaire.nom.value=='') // 1
{
alert('Le champ Nom ne peut pas rester vide !');
document.monformulaire.nom.focus();
return false;
}

Cette instruction fonctionne parfaitement, mais je souhaiterai qu'une
couleur (par exemple, un fond rouge) soit appliquée au champ "nom"
lorsqu'il signalé en erreur.

document.monformulaire.nom.focus();
document.monformulaire.nom.style.background='red';
document.monformulaire.nom.style.color='white';
return false;
}
else
{
document.monformulaire.nom.style.background='';
document.monformulaire.nom.style.color='';
}

Pourriez-vous m'aider ?

sinon avec les css (pas digéré par IE -> hop onmouseqquechose)

<style type="text/css">
input { background: #ffc }
input:hover, .iehover { background: #ff6 }
input:focus, .iefocus { background: orange }
</style>

<input type=text name="truc"
onmouseover="(if(document.all) this.className='iehover';"
onfocus="(if(document.all) this.className='iefocus';"
onmouseout="(if(document.all) this.className='';"
value="">



--
Stephane Moriaux et son [moins] vieux Mac

ASM wrote:

correction :

<p>Nom :
<input type=text name="nom"
onmouseover="if(document.all) this.className='iehover';"
onfocus="if(document.all) this.className='iefocus';"
onmouseout="if(document.all) this.className='';"
value="">

<p>Prenom :
<input type=text name="prenom"
onmouseover="if(document.all) this.className='iehover';"
onfocus="if(document.all) this.className='iefocus';"
onmouseout="if(document.all) this.className='';"
value="">

--
Stephane Moriaux et son [moins] vieux Mac