Input required via JS

Version imprimable

17/06/2013, 11h56
Jeremy60500

Input required via JS
Bonjour,

Je fais apparaître un input dynamiquement grâce à Javascript :
Code:

1 2 3 4 5 6 7 8 9 function interface(lst) { var d=document.getElementById("div_ip"); if (lst.selectedIndex==2 || lst.selectedIndex==3) { d.style.display="block"; } else d.style.display="none"; }
En fonction du choix, si c'est 2 ou 3, je souhaiterais rendre un input "required", comment faire ?

Merci :)

Bonjour,

avec setAttribute par exemple

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function interface(lst)
{
var d=document.getElementById("div_ip");
var input = document.querySelector("selecteur-de-l-input");
if (lst.selectedIndex==2 || lst.selectedIndex==3) {
d.style.display="block";
input.setAttribute("required","required");
}
else { 
d.style.display="none"; 
input.removeAttribute("required");
}
}

17/06/2013, 14h02
Bovino
Sylvain, je suis étonné par ton utilisation de set/getAttribute()...

Cela n'est pas cohérent de vouloir modifier le HTML d'un objet JavaScript, utiliser la propriété JavaScript de cet objet est plus logique
Code:

1 2 input.required = true; input.required = false;
17/06/2013, 15h39
SylvainPV

Oui on en avait déjà discuté dans un autre topic, et encore une fois tu as raison ;) Je ne sais plus exactement ce que ça change mais je sais que ta méthode est la plus adéquate, c'est juste que j'ai encore de mauvaises habitudes
17/06/2013, 15h43
Bovino

La répétition crée la notion parait-il ! :mouarf:

Qu'entendez-vous par le "selecteur de l'input" ?
J'ai renseigné l'ID de l'input, et ça ce marche pas :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function interface(lst)
{
var d=document.getElementById("div_ip");
var input = document.querySelector("adresseip_imprimante");
if (lst.selectedIndex==2 || lst.selectedIndex==3) {
d.style.display="block";
input.required = true;
}
else 
d.style.display="none";
input.required = false;
}

Mon input :

Code:

1
2
<label style="width:160px;">Adresse IP :</label>
<input value='<?php echo $adresseip_imprimante;?>' type='text' name='adresseip_imprimante' id='adresseip_imprimante' style="width:180px;">

17/06/2013, 16h29
Jeremy60500

Oups pardon, mea culpa... J'ai oublié le "#" devant mon ID :oops:

Merci beaucoup du coup de pouce :)

Sujet résolu. :ccool:
17/06/2013, 16h30
Bovino

Code:

var input = document.querySelector("adresseip_imprimante");

La première des choses à faire quand on utilise une instruction que l'on ne connait pas est de faire une recherche dessus pour savoir quelle est sa syntaxe exacte (dans ton cas, sous quelle forme sont attendus les paramètres)...