Discussion :

[Xeuch]

Bonjour les amis,

j'ai un input de type number sur lequel je fais une vérification avant envoi du formulaire.
je le crée en JavaScript avec un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
......
......
var td = document.createElement('td');
var element=document.createElement('input');
element.setAttribute("type","number");
element.setAttribute("name",monNom);
element.setAttribute("id",monNom);
td.appendChild(element);
tr.appendChild(td);
......
......

Mon probleme survient au moment du test quand je fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if(document.getElementById('monChamp').value==""){
    alert('champs vide');
}

j'ai mon alert même si je rempli le champ par 0,
en gros le 0 est considéré comme vide

je sais pas si c'est le navigateur qui ne comprend pas du input type number ou bien
si quelque chose d'autre.

Si vous avez des idées sur ce que ça peut être, elles sont les bienvenues.

Merci d'avance

[mlebeguec]

Bonjour,

Je ne connais pas cet input mais si on reste logique tu testes une chaine de caractère ainsi ""

Natso

[JérémieL]

Bonjour,

Bizarre...
Quel navigateur (+ version) utilises-tu ?

[Xeuch]

merci pour les réponses,
le input type number est apparut avec HTML5.

j'utilise IE10 mais je teste aussi pour les ancienne navigateurs d'où je dois gérer les test.
Cependant que ce soit pour ie8 ou ie7 j'ai pareil.

Je me demande si les navigateurs ne considèrent pas que "" == 0 ==false

Merci pour votre aide

[NoSmoking]

Bonjour,
la récupération de la value d'un élément INPUT retourne une chaine de caractères c'est tout, c'est à toi de faire la conversion en fonction de ce que tu cherches, parseInt, parseFloat.

Les INPUT type number, apparus avec HTML5, ne sont pas supportés par tous les navigateurs, ceux qui le supporte ajoutent une couche pour faciliter la tâche aux webber.

[JérémieL]

Justement, ce n'est pas normal qu'ici, la condition "0" == "" retourne vrai. Cela dit, les tests chez moi (IE7, Firefox 22) indiquent bien que la condition est fausse.

Xeuch, peux-tu nous montrer ton code complet ?

[Bovino]

J'imagine qu'il doit d'abord modifier sa valeur en nombre et que la comparaison devient 0 == "", d'où le résultat.

[arnogues]

Justement, ce n'est pas normal qu'ici, la condition "0" == "" retourne vrai. Cela dit, les tests chez moi (IE7, Firefox 22) indiquent bien que la condition est fausse.

Xeuch, peux-tu nous montrer ton code complet ?

Normalement le value d'un input est toujours une string. Et dans n'importe quelle comparaison avec une String, si l'autre est un number il sera converti et testé en string.

Donc normalement ça devrait fonctionner.
Comme un console.log du ".value" avant ton teste pour voir la valeur. Je ne vois que ça :o

[amelodydz]

et avec ça, t'a le même résultat ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
if(document.getElementById('monNom').value){
}
else{
	alert('champs vide');
}

[SylvainPV]

Pourquoi ne pas utiliser un triple égal tout simplement ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
0==""
> true
0===""
> false