bonjour,
j'ai fais plusieurs essais pour changer le style d'un <input> en javascript mais sans succès.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxml:lang="en"lang="en"xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <divid="global"> <divid="central"> <formaction="index.php"method="post"> <fieldset> <legend>Champs obligatoires</legend>
Pseudo : <inputtype="text"name="insc_pseudo"/><br/><br/>
Mot de passe : <inputtype="password"name="insc_password"/><br/><br/> <em>(confirmation)</em> : <inputtype="password"name="insc_password2"onblur="javascript:check_password();"/> </fieldset> <fieldset> <legend>Champs facultatifs</legend>
Date de naissance : <inputtype="text"name="insc_naiss"/><br/><br/>
Site internet : <inputtype="text"name="insc_site"/> </fieldset> <pstyle="text-align:center"><inputtype="submit"value="S'inscrire"/></p> </form> </div> </div> </body> </html>
et le code javascript :
function check_password() { var champ1 = document.getElementsByTagName("form")[0].getElementByName("insc_password"); var champ2 = document.getElementsByTagName("form")[0].getElementByName("insc_password2");
if(champ1==champ2) {
champ1.style.border="1px green solid";
champ2.style.border="1px green solid"; } else {
champ1.style.border="1px red solid";
champ2.style.border="1px red solid"; } }
mais sans succès. (la fonction est envoyer avec l'attribut onblur de l'input insc_password2.
function check_password() { var champ1 = document.forms['NOM DE TON FORMULAIRE !'!].elements['insc_password']; var champ2 = document.forms['NOM DE TON FORMULAIRE !'!].elements['insc_password2'];
if(champ1.value==champ2.value) {
champ1.style.border="1px green solid";
champ2.style.border="1px green solid"; } else {
champ1.style.border="1px red solid";
champ2.style.border="1px red solid"; } }
Le nom du formulaire est donc obligatoire.
Comme tu peut le voir, tu comparais 2 objets et pas 2 valeurs de champs...
Bisous, Nyu
[js] changement de style d'un input
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.