RegEx en Javascript : résultats aléatoires sous Firefox et Opera

Version imprimable

Bonjour,

Je viens de développer une expression régulière qui me permet de faire un isFloat : vérifier si un nombre est un réel qui soit de la forme "0.154" ou "155" ou "12.4" et non pas "1." ou "1.454.4" ou "12aaaa" etc.

L'expression est testée avec succès grâce à ce site très pratique.

Une fois implémenté dans une page HTML, quand j'effectue le test ci-dessous sous Firefox ou Opera, j'obtiens un résultat étrange : true, false, true, false
alors que sous Internet Explorer, le résultat semble tout à fait convenable (pour une fois !) car j'obtiens des true.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <script language="javascript"> String.prototype.trim = function() { return this.replace(/^\s*|\s*$/g,""); } String.prototype.isFloat = function() { var regEx = /^\d+([\.]\d+)?$/gi; return regEx.test(this.trim()); } var t="125", i=0; alert((++i)+") "+t+" "+(t.isFloat())); alert((++i)+") "+t+" "+(t.isFloat())); alert((++i)+") "+t+" "+(t.isFloat())); alert((++i)+") "+t+" "+(t.isFloat())); alert((++i)+") "+t+" "+(t.isFloat())); </script>
Avez-vous une idée du problème ? Pourtant ce sont les mêmes appels répétés ! Ca devrait donner des résultats identiques !
Une mauvaise syntaxe ? Un bug FF / Opera ?

Merci d'avance !
FB

17/01/2008, 09h01
SpaceFrog

que retournerait:

Code:

return regEx.test(Number(this));

ou encore avec parseFloat
17/01/2008, 09h06
fblanchard

Bonjour,

Merci pour cette rapidité de réponse !

J'avais testé avec parseFloat, je viens de tester avec Number et avec les 2 à la fois :

Code:

return regEx.test(parseFloat(Number(this.trim())));

ou

Code:

return regEx.test(parseFloat(Number(this)));

mais toujours le même résultat !

Je ne comprends vraiment pas ! :(

FB
17/01/2008, 09h11
javatwister

"gi" inutile dans ton test...
17/01/2008, 09h16
fblanchard

Citation:

Envoyé par javatwister

"gi" inutile dans ton test...

Oh purée !
Tu as raison ça venait de ça !

Pff !

Merci beaucoup !!!
17/01/2008, 09h18
SpaceFrog

Ouaips ben les regExp restent toujours du domaine du surnaturel pour moi ....

vive les regXFiles :aie:

et pour bien faire:

Code:

1
2
3
String.prototype.isFloat = function() {
	return /^\d+([.]\d+)?$/.test(this.replace(/\s/g,""));
}

(ça suffit!)

Bon j'ai repris ta notation mais j'ai conservé mon trim :)

Code:

1
2
3
4
5
6
7
 
String.prototype.trim = function() {
	return this.replace(/^\s*|\s*$/g,"");
}
String.prototype.isFloat = function() {
 return /^\d+([.]\d+)?$/.test(this.trim());
}

Merci encore !
FB

27/04/2008, 16h38
Invité

Pour prendre en compte les nombres négatifs, on peut utiliser l'expression suivante :
/^[-]?\d+([.]\d+)?$/

Sinon, il est vrai que IE marche beaucoup mieux que Firefox pour les expressions régulières.
Espérons que la future norme ECMAScript4 sera prise en charge et respectée par tous les navigateurs pour résoudre ces éternels problèmes ...
28/04/2008, 11h02
Auteur

Citation:

Envoyé par fblanchard

Une fois implémenté dans une page HTML, quand j'effectue le test ci-dessous sous Firefox ou Opera, j'obtiens un résultat étrange : true, false, true, false
alors que sous Internet Explorer, le résultat semble tout à fait convenable (pour une fois !) car j'obtiens des true.

car sous IE une propriété de l'objet RegExp n'est pas implémentée (cf. ci-dessous).

Citation:

Envoyé par Programmator

Sinon, il est vrai que IE marche beaucoup mieux que Firefox pour les expressions régulières.

:arrow: je répondrai oui et non :D

Donc j'apporte une précision (j'ai été confronté plusieurs fois à ce problème), même si le sujet est marqué résolu :

Citation:

Envoyé par Jacques Guizol

La méthode test(<chaîne>) (buggé sous I.E.)

Cette méthode essaie d'opérer un appariement entre l'expression régulière référencée et la chaîne de caractères donnée en paramètre à partir de l'indice spécifié par la propriété lastIndex. Si un appariement est possible, lastIndex est réactualisé et la valeur booléenne renvoyée est true. Dans le cas contraire, la valeur renvoyée est false et lastIndex est remis à 0.

cf. son tutoriel : http://jacques-guizol.developpez.com...egExp.php#test

On pourra faire la même remarque pour d'autres méthodes de l'objet RegExp (exec() par exemple).
lastIndex est une propriété non implémentée sous IE.

Dans le cas de FF, la propriété lastIndex est implémentée : lors de l'appel de test() il va tester la chaîne en partant de la position indiquée par lastIndex (qui est différente de 0 si le test précédent n'a pas échoué). Si le test échoue, lastIndex est réinitialisé.
Ce qui explique cette alternance de true et false. ;)

Voici un exemple : http://www.developpez.net/forums/sho...d.php?t=490444
De mon côté je réinitialise lastIndex en testant une chaîne vide. Tu ajoutes une ligne de code mais c'est efficace ;)