Séparer des groupes de caractères dans une zone de saisie

**floctc** · 02/06/2009, 17h44

Comment faire pour séparer les champs d'une zone de saisie, une fois que l'utilisateur a fini sa saisie, ou en temps réel, par exemple pour un numéro de téléphone?
L'utilisateur tape 0170707070 dans une zone de saisie
et une fois qu'il perd le focus, on voit dans la zone de saisie 01 70 70 70 70

Comment faire cela en javascript? Existe-t-il un autre moyen que ce dernier?

**Walterbelo** · 02/06/2009, 23h48

Sans script, je ne vois pas comment faire (sur le poste client, bien sur).
Un exemple :

Code html :

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
<head>
<script type="text/javascript"> 
function Monscript(z) { 
znew="";
if (z.value.length > 0) {
   for (i=0; i < z.value.length; i+=2){
   znew+=z.value.substring(i,i+2)+" "}
}
z.value=znew;
}
</script>	
</head>
<body>
<form name="monform">	
Mon champ : &nbsp
<input type="text" onchange="Monscript(this)" name="monchamp" />
Tabulation : &nbsp
<input type="text" size="1"/>
</form>
</body>

**floctc** · 03/06/2009, 09h22

Merci, c'est exactement ce que je recherchai!
Pour info, les données seront rentrées dans la base sous la forme "0170707070"
et non sous la forme "01 70 70 70 70" ?

**SpaceFrog** · 03/06/2009, 09h33

Une autre façon de faire :

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
<script type='text/javascript'>
function formatte(obj,group){
var regspace=/(\s)/g;
tempString=obj.value.replace(regspace,'')
var reg=/([\d]{2})/g
var regend=/\s$/
if (tempString.length>group){
obj.value=tempString.replace(reg,"$1 ").replace(regend,'')
}
}
</script>
 
</head>
 
<body>
<input id="moninput" type='text' onkeyup='formatte(this,2)' />
 
</body>
</html>

**floctc** · 03/06/2009, 11h30

Merci, les deux me conviennent, l'avantage de la deuxième est que je peux choisir comment espacer mes caractères.
Dans ces deux méthodes, comment sont ensuite enregistrées les données dans la base? Avec les espaces ou sans les espaces?

**SpaceFrog** · 03/06/2009, 11h33

la donnée transmise au serveur l'est AVEC les espaces, a toi de triter les données en php avec un ereg_replace de façon à supprimer les espaces ..

**floctc** · 03/06/2009, 13h21

Merci, j'ai effectué les modifications nécessaires lors de l'ajout dans la base.
Problème

**Walterbelo** · 03/06/2009, 19h13

La solution de SpaceFrog est bien plus chic !
Se serait rudement utile à ma culture de lire quelques lignes commentant son l'utilisation des expressions régulières.
Merci d'avance.

**SpaceFrog** · 03/06/2009, 19h55

Code :

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

1
2
3
4
5
 
var regspace=/(\s)/g;   //un espace
 
var reg=/([\d]{2})/g   // une suite de deux caractères
var regend=/\s$/        // un espace terminal

**Walterbelo** · 03/06/2009, 23h52

Merci SpaceFrog.
J'ai mesuré les temps de traitement des deux solutions.
Yapaphoto !
Methode avec boucle for : 25 000 millisecondes pour 100 000 itérations
Methode avec RegExp : 4 200 millisecondes pour 100 000 itérations

Quelle leçon ! Et pour nous quel exemple

**SpaceFrog** · 04/06/2009, 08h20

Séparer des groupes de caractères dans une zone de saisie

JavaScript

Discussions similaires

Partager

Partager