Tiret (-) dans un nom de champ input n'est pas reconnu par la fonction javascript

Hello à tous,

J'ai un champ input que je teste s'il est vide mais le tiret n'est pas pas le bienvenu dans le contrôle javascript !

Code:

---

<input type="text" name="prenom-PEC" id="prenom-PEC" />

---

Code:

---

1 2 3 4 5 6 7 8 9 10

function valider(){   if(document.formStepThree.prenom-PEC.value != "") { return true; } else { alert("Saisissez le prenom"); return false; } }

---

Sans le tiret dans l'id du champ c'est tout bon, la fonction est OK ! Dois-je absolument l'enlever (ce que je n'ai pas envie du tout car le nom est généré depuis une énorme base de donnée et ça serait très fastidieux.)

Y-a-il un moyen de contourner ce problème en gardant le tiret ?

Merci !

Bonjour,

Tu peux passer par une autre syntaxe comme par exemple :

Code:

---

document.getElementById("prenom-PEC");

---

Ou bien :

Code:

---

document.forms["formStepThree"].elements["prenom-PEC"]

---

:roll:
Le - est tout a fait correcte dans un id ou un name, c'est un caractère autorisé !


utilise une syntaxe rigoureuse et pas laxiste ...

Code:

---

document.formStepThree.prenom-PEC.value

---

:nono:

Code:

---

1 2	document.forms['formStepThree'].elements['prenom-PEC'][0].value

---

ou avec l'id :

Code:

---

document.getElementById('prenom-PEC').value

---

Sinon en dehors des strings le - est considéré comme opérateur de soustraction

Merci SpaceFrog et Vermine ! Rapide précis et le code est plus propre !

Le mien était un peu barbare ! :?

Pour info, le signe "-" en JavaScript est un opérateur, du coup, quand tu écris

Code:

---

document.formStepThree.prenom-PEC.value

---

JavaScript comprend

Code:

---

(document.formStepThree.prenom) - (PEC.value)

---

ce qui provoque évidemment une erreur ;)

Beef :D

Citation:

---

Sinon en dehors des strings le - est considéré comme opérateur de soustraction

---

Merci pour la traduction :mrgreen:

:aie:

:oops:

:ccool::heart: