afficher asterisque apres un inputRésolu

Question

Bonjour,

Voici mon problème qui ne doit pas être bien compliqué mais je trourne en rond depuis un certain temps.

J'aimerais afficher une astérisque automatiquement après un input pour signaler que c'est un champ obligatoire.
Dans ma page jsp je mets :  pour les inputs obligatoires.
J'ai ensuite fait une fonction javascript (appelée au onload de ma page) qui va détecter les input de type "required" et qui doit ajouter une astérisque rouge après l'input : 

function make_required() 
{
   inputs = document.getElementsByTagName("i
nput");
   fo
r (i=0;i      thisInput = inputs[i];
      if
 (thisInput.className.indexOf("r
equired") != -1) {

         thisInput.innerHTML+='<
font color="red"> * ';     //c'est ici que je bloque
      }

   }
}

J'arrive bien à détecter l'input qui est "required" mais je n'arriver pas à écrire l'astérisque après l'input.
Est-ce quelqu'un pourrait m'aider svp?

D'avance merci.

***  Kakol ***

cs_ov3rdoze · Accepted Answer

Salut

Peut-être thisInput.parentNode.innerHTML+=' * ';
Je ne sais pas si ça fonctionne, mais ça coûte rien d'essayer.

cs_bultez · Answer

Bonjour,

    tu tentes d'ajouter dans l'innerHTML d'un input text,
            qui n'en a pas !

    en général, c'est un truc du style....
        texte pour expliquer le champ de saisie 
    il faut ajouter au texte, pas à l'input.
        et ça dépend de comment tu décris cela en html....

<hr />                Cordialement             Bul

cs_kakol · Answer

je sais que thisInput.innerHTML 
est faux mais justement je cherche un moyen d'écrire l'étoile à droite de l'input texte, ... enfin si c'est possible

***  Kakol ***

cs_bultez · Answer

c'est possible....    je te demandais comment c'est décrit....
    tu n'as pas l'air de vouloir nous donner.

je te dirais createElement + appendChild    par exemple,
    il y a d'autres solutions... mais je ne vais pas t'en faire
    la liste ( 2685975 à peu près ), qui peuvent dépendre aussi
    de comment ton html est fait. et comme on ne l'a pas....
<hr />                Cordialement             Bul

cs_kakol · Answer

pardon j'avais pas saisi le sens de "décrit" voila le bout de mon html correspondant : Voila j'aimerais qu'un astérisque soit affichée automatiquement à coté de l'input login et de l'input password dont la classe est définie comme "required". j'espère avoir été plus claire dans mon explication et merci pour ton aide *** Kakol ***

cs_kakol · Answer

ah désolée pour le formattage ça s'est reformatté tout seul apres avoir posté le message. je vias essayé de le remettre bien : *** Kakol ***

cs_kakol · Answer

ah nikel ça a marché, je savais que j'étais pas loin mais il me manquait le parentNode !!!
merci et bonne continuation. 

***  Kakol ***

cs_bultez · Answer

avec ce que tu nous donnes...     ov3rdoze ne doit pas être bien loin...
<hr />                Cordialement             Bul

Zobibol · Answer

Bonjour bonjour bonjour
ov3rdoze -> ça doit fonctionner et si ça ne fonctione pas, il suffit d'entourer les champs avec un span ! parce que je présume que cette méthode make_required() sera appelée quelque soit le champs ( qu'il soit dans une table ou le body (et la, ça marche plus)
Sinon, la méthode encore plus bête méchante éfficace, CSS et une petite ligne tous les champs en bleu (exemple il va s'en dire) sont obligatoire !
.Required{
    background-color:blue;
}

[o-_-o]

cs_bultez · Answer

ah ben... téléscopage de messages.
    probablement ce qu'il y a de plus simple à écrire (dons le meiux ? )
        comme quoi donner toutes les infos est nécessaire.
<hr />                Cordialement             Bul

Afficher asterisque apres un input

10 réponses

Votre réponse

Discussions similaires