regexp et crochets

**bastien** · 28/01/2009, 09h49

Bonjour,

J'ai un petit souci de syntaxe que je ne parviens pas à corriger, même après avoir fouillé sur le net ...

(honte)

Soit une fonction javascript pour une balise input

Code :

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

onblur="verif('^[0-9a-zA-Zéèàçêïö\'\n/\[\]!? -,]*$',this.value,'img2');">

Le code javascript est :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function verif(a,b, img)
{
	var reg=new RegExp(a,"g");
	if(reg.test(b))
	{
		document.getElementById(img).src="http://localhost/bissi/design/images/input_icones/champ_in.png";
	}
	else
	{
		document.getElementById(img).src="http://localhost/bissi/design/images/input_icones/champ_off.png";
	}
}

Mais dès que j'insère un crochet, reg.test me retourne false alors que je souhaite que les crochets soit acceptés!

Merci pour la correction

**franculo_caoulene** · 28/01/2009, 10h33

Salut,

En fait quand on utilise le constructeur de RegExp il faut échapper les caractères spéciaux. Dans le code suivant, les deux expressions sont équivalente :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
   <title>expression rationnelle</title>
	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
   <style type="text/css">
 
   </style>
</head>
<body>
   <form name="f" method="post">
      <input id="i" name="i" type="text" value="i" />
      <button id="b" type="button" onclick="fn();">b</button>
   </form>
      <script type="text/javascript">
      function fn() {
         //var rgx = /^[0-9a-zA-Zéèàçêïö !-,\n\'\[\]\?\/]*$/;
         var rgx = new RegExp("^[0-9a-zA-Zéèàçêïö !-,\\n\\'\\[\\]\\?\\/]*$");
         if (rgx.test(document.getElementById("i").value)) alert("if");
         else alert("else");
      }
   </script>
</body>
</html>

**SpaceFrog** · 28/01/2009, 10h41

Code :

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

onblur="verif(/[0-9a-zA-Zéèàçêïö\'\n/\[\]!? -,]*$/g,this.value,'img2');">

Code :

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

1
2
3
4
5
 
function verif(a,b, img)
{
 
	if(a.test(b))

testé comme suit:

Code :

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

1
2
3
4
5
6
7
var a=/[0-9a-zA-Zéèàçêïö\'\n/\[\]!? -,]/g;
b="[]"
function regtest(a,b){
alert(a.test(b))
}
 
regtest(a,b)

**bastien** · 28/01/2009, 10h48

ok

Je vois mes erreurs !

Merci beaucoup

regexp et crochets

JavaScript

Discussions similaires

Partager

Partager