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 ..

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager