Appliquer regexp en fonction de choix de liste

Version imprimable

voila pour un formulaire, je dois faire une liste déroulante qui permet de choisir son pays :

- si il choisi France dans la liste, la saisie du num. de telephone sera forcée par une expres. reguliere pour saisir forcement de cette facon la : XX XX XX XX XX (chiffres separes oas espace)
- si il choisi un autre pays, alors la saisie du num. de telephone est libre, il peut renseigner ce qu'il veut.

j'ai commencé un code pour les express. regulieres mais je ne vois pas trop comment m'y prendre apres pour modifier dynamiquement le champs telephone comme je le souhaite.

voila la liste déroulante du pays :

Code:

<select name="attribute37" class="attributeinput"><option value="2" >Andorre<option value="3" >Espagne<option value="1" >France</select>

et voila pour la textarea du numero de telephone :
Code:

1 2 3 4 5 6 7 8 9 10 11 function chiffres(event) { reg = new RegExp(/[0-9]{2}[.][0-9]{2}[.][0-9]{2}[.][0-9]{2}[.][0-9]{2}/); if (!reg.test(attribute21.value)){ //un traitement quelconque }else{ alert('Veuillez saisir le téléphone sous format XX.XX.XX.XX.XX'); attribute21.value = ""; } } </script> <input type=text name="attribute21" class="attributeinput" onkeypress="chiffres(event)" size="40" maxLength="20" value="">
Mais deja je ne sais pourquoi, mes restrictions de l'expression reguliere ne fonctionne pas, le code me semble correct pourtant..
Voila sauriez vous ce qui ne va pas, et auriez vous une idée pour appliquer l'expression reguliere seulement si on choisi France dans la liste, sans rafraichir la page.
Merci d'avance de votre aide. :)

Code:

1
2
3
if (select.options[s.selectedIndex].value="xxx") {
} else {
}

01/09/2006, 15h21
metatron

bjour fremy, hum desolé mais je n'ai pas tres bien compris ton code, c'est ce qui permet d'appliquer l'expression reguliere seulement si on choisi France dans la liste ? ca donnerait koi avec mon exemple en fait ?

RE,

bon j'ai testé differentes soluces mais sans succes. Pourriez vous me dire si la procedure est correcte, et ce qu il faut modif niveau syntaxe ??

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 Dans quel pays habitez vous ?
  </td>
  <select name="attribute37"  ><option value="france" >france<option value="belgique" >belgique<option value="suisse" >suisse</select>
<script>
 
if (select.options[s.selectedIndex].value="france") {
 
//function qui force a saisir des chiffres, mais bugé sous FF
function chiffres(event) {
    reg = new RegExp(/[0-9]{2}[.][0-9]{2}[.][0-9]{2}[.][0-9]{2}[.][0-9]{2}/);
    if (!reg.test(attribute21.value)){
  		//un traitement quelconque 
   	}else{
               alert('Veuillez saisir le téléphone sous format XX.XX.XX.XX.XX');
	  attribute21.value = "";	
           }
 
<input type=text name="attribute21"   size="40"  onKeyPress="chiffres(event)" maxLength="20" value="">
 
}
 
} else {
 
<input type=text name="attribute21"   size="40"   maxLength="20" value="">
}
 
 
 </script>

03/09/2006, 03h27
metatron

Fremy pourrais tu un peu detailler ton code please ? enfin ou faudrait t'il le placer par rapport au code que j'ai et ce qu'il y'aurait a modifer dedans.. merci d avance.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function ValidatePhone(input,span) {
    if (doitVerrifier) {
        if (ok) {
            span.innerHTML="Numero de telephone <b>valide</b> !"
            return true;
        } else {
            span.innerHTML="Numero de telephone <b>invalide</b> !"
            input.focus()
            retrun false;
        }
    } else {
       span.innerHTML="<b>Aucune validation</b> ne s'applique pour votre pays";
       return true;
    }
}

Bjour, bon merci de l'aide Fremy. mais je n'ai pas encore reussi a faire fonctionner avec mon code. Tout d'abord le "doitVerifier correspond a quoi ? je n'ai pas a le changer ? Et
dans le second IF, j'ai mis la condition pour le pays, mais la syntaxe est t elle bonne ? enfin sauriez vous la fonction qui va bien pour effectuer une expression reguliere sur un champs texte sans que cela bug ?
(j'en avais testé une venant du forum mais qui ne fonctionne pas sous FF) Voila d'avance, Merci bcp pour votre aide. :)

Dans quel pays habitez vous ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <select name="attribute37" ><option value="france" >france<option value="belgique" >belgique<option value="suisse" >suisse</select> <script> function ValidatePhone(input,span) { if (doitVerrifier) { if (attribute37 = "france") { span.innerHTML="Numero de telephone <b>valide</b> !" return true; } else { span.innerHTML="Numero de telephone <b>invalide</b> !" input.focus() retrun false; } } else { span.innerHTML="<b>Aucune validation</b> ne s'applique pour votre pays"; return true; } } </script> </body>

04/09/2006, 11h04
FremyCompany

doitVerrifer : si le numero de tel est francais
ok : si il est francais, est-il valide ?
04/09/2006, 11h16
metatron

lol fremy les détails, tu t'exprimes juste en boucles et conditions en fait oO ? désolé...mais si tu ne me mets pas d'exemple j'aurai du mal a comprendre...

Au niveau de la syntaxe if (attribute37 = "france") , cela est il correct ?

Le doitverifier corespond au choix de la 1ere liste déroulante (le pays choisi est France par ex.), mais dans ce cas la le OK correspond a quoi ? Bref si l'on pourrait m'eclairer un peu ce serait simpa la..
04/09/2006, 11h18
FremyCompany
Ben a ta RegExp...
Code:

1 2 3 if (ok) { //Le n° de tel est JUSTE } else { /* Le n° de tel est FAUX */ }
EDIT :
Ben non je fais rarement des phrases complete : le codes les fait pour moi ;)
04/09/2006, 11h48
metatron

ok fremy pour la condition ca je vois bien mais par quoi je dois remplacer le Ok et doisVerifier ! ?

Le Ok correspond la regExp ! ? c'est pas a mettre dans la boucle ou est placé le Numero de telephone <b>valide</b> ! plutot non ? et si on pourrait repondre aux questions d'avant aussi lol ce serait simpa keu meme... :(
04/09/2006, 12h59
FremyCompany

Ben enfin, c'est pourtant simple...

SI tu est francais, tu DOIS VERRIFIER le numero... Ben alros tu remplace DOITVERRIFIER par la condition qui verrifie si le numéro est francais...

SI tu est francais, et que ton numero est OK, alors return true... Ben alors tu remplace OK par lo condition qui verrifie si le numéro est OK...

C'est si dur que ca ;) :question:

Re, j'ai testé un bout de code, mais deja ma regexp (pour forcer a saisir de la forme XX XX XX XX XX) ne fonctionne pas :/ Ensuite pourrai t on m filer un coup d main pour modifier pour que si 'on choisisse bas rhin, la regexp s'applique, sinon, on permet de saisir ce qu on veut dedans :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<select name="departement" id="departement">
 
              <option value="67">Bas-Rhin (67)</option>
                  <option value="68">Haut-Rhin (68)</option>
                </select>
<script>
function chiffres(event) {
    reg = new RegExp(/[0-9]{2}[.][0-9]{2}[.][0-9]{2}[.][0-9]{2}[.][0-9]{2}/);
    if (!reg.test(attribute21.value)){
  		//un traitement quelconque 
   	}else{
               alert('Veuillez saisir le téléphone sous format XX.XX.XX.XX.XX');
	  attribute21.value = "";	
           }
}
</script> 
 
<input type=text name="attribute21"  class="attributeinput" onkeypress="chiffres(event)" size="40"  maxLength="20" value="">

Merci d avance de laide/ :)

05/09/2006, 11h42
metatron

toujours po trouve pour une regexp valide et pour le choix de listes du coup :(
05/09/2006, 11h53
FremyCompany

Pour la regExp : remplace les [.] par \\.

alors j'ai remplacé ca, mais toujours aucun effet, je ne sais pas si ca vient du choix dans la liste ou une mauvaise syntaxe, quelqu un aurait une idée ??

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<select name="departement" id="departement">
 
              <option value="67">Bas-Rhin (67)</option>
                  <option value="68">Haut-Rhin (68)</option>
                </select>
<script>
function chiffres(event) {
    reg = new RegExp(/[0-9]{2}\\[0-9]{2}\\[0-9]{2}\\[0-9]{2}\\[0-9]{2}/);
    if (!reg.test(attribute21.value)){
  		//un traitement quelconque 
   	}else{
               alert('Veuillez saisir le téléphone sous format XX.XX.XX.XX.XX');
	  attribute21.value = "";	
           }
}
</script> 
 
<input type=text name="attribute21"  class="attributeinput" onkeypress="chiffres(event)" size="40"  maxLength="20" value="">

05/09/2006, 12h29
FremyCompany

Code:

\\.

lol j'avai oublié de le recopier en postant , mais oui j avais mis les points, et toujours aucun effet :( Frremy pourrai tu me dire a l okazion koi modifier pour appliquer le regexp uniquemenent quand on chois le haut rhin par hasard ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<select name="departement" id="departement">
 
              <option value="67">Bas-Rhin (67)</option>
                  <option value="68">Haut-Rhin (68)</option>
                </select>
<script>
function chiffres(event) {
    reg = new RegExp(/[0-9]{2}\\.[0-9]{2}\\.[0-9]{2}\\.[0-9]{2}\\.[0-9]{2}/);
    if (!reg.test(attribute21.value)){
  		//un traitement quelconque 
   	}else{
               alert('Veuillez saisir le téléphone sous format XX.XX.XX.XX.XX');
	  attribute21.value = "";	
           }
}
</script> 
 
<input type=text name="attribute21"  class="attributeinput" onkeypress="chiffres(event)" size="40"  maxLength="20" value="">

Merci bcp d ton aide. :)

05/09/2006, 15h00
metatron

Quelqu'un aurait une idée pour la bonne syntaxe a avoir pour la saisie de numeros de type : XX XX XX XX XX par hasard ?

Et pareil pour appliquer le regexp uniquemenent quand on chois le haut rhin par exemple ? quelqu'un pourrait il montrer ca pleease ?

bon j'en suis tjs au meme point :(. Je tente 1001 choses mais rien n'y fait. La regexp ne marche tjs pas, et je ne vois toujours pas comment appliquer cette regexp juste si on choisi haut rhin par exemple.
Si quelqu'un passe par la, pourriez vous essayer de filer un coup de main ? Je desespere vraiment la.. ://

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form name = "form1" action "localhost/lists/">
<select name="departement" id="departement">
 
              <option value="67">Bas-Rhin (67)</option>
                  <option value="68">Haut-Rhin (68)</option>
                </select>
<script>
function chiffres(event) {
    reg = new RegExp(/[0-9]{2}[.][0-9]{2}[.][0-9]{2}[.][0-9]{2}[.][0-9]{2}/);
    if (!reg.test(attribute21.value)){
        //un traitement quelconque
      }else{
               alert('Veuillez saisir le téléphone sous format XX.XX.XX.XX.XX');
     document.form1.attribute21.value = "";   
           }
}
</script>
 
<input type=text name="attribute21"  class="attributeinput" onkeypress="chiffres(event)" size="40"  maxLength="20" value="">
</form>

05/09/2006, 15h33
FremyCompany

new RegExp(/xxx/) ==> /xxx/
05/09/2006, 15h49
metatron

LOL s'il te plait fremy, precise au moins a quel endroit je dois ajouter ou modifier ce que tu vient de mettre :|

As tu une idée pour la syntaxe a utiliser pour appliquer cette regexp juste si on choisi haut rhin par exemple ?

Re, bon adoptant pour le mode "fin de saisie", j'ai donc rajouté l'evenement onBlur, et mis un bout de code, mais toujours aucun effet oO : (l o'bjectif etant d'appliquer la regexp uniquement si on choisi dans la liste le bas-rhin, valeur 67)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php <script>
function chiffres() {
  // si l'option selectionnée a pour valeur 67
  if (document.validation.attribute21.options[document.validation.attribute21.selectedIndex].value == 67) {
 
    reg = new RegExp(/[0-9]{2}[.][0-9]{2}[.][0-9]{2}[.][0-9]{2}[.][0-9]{2}/);
    if (reg.test(document.form1.attribute21.value)) {
        //un traitement quelconque
    }
    else {
      alert('Veuillez saisir le téléphone sous format XX.XX.XX.XX.XX');
      document.validation.attribute21.value = "";   
    }
  }
}
</script>
 
<form method="post" onSubmit="return checkbae()" action="http://localhost/lists/?p=subscribe&id=1" name="validation" target = "_self">
 
telephone
 
<select name="departement" id="departement">
<option value="67">Bas-Rhin (67)</option>
<option value="68">Haut-Rhin (6Cool</option>
</select> 
 
<input type=text name="attribute21"  class="attributeinput"  size="40"  onBlur="chiffres(event)" maxLength="20" value="">

Et dans le debuger, il me sort :

Code:

1
2
Code:
document.validation.attribute21.options has no properties

Ce qui correspond a cette ligne :

Code:

1
2
PHP:
<?php if (document.validation.attribute21.options[document.validation.attribute21.selectedIndex].value == 67) {

One idea ? oO