Masque de saisie téléphone

Version imprimable

03/03/2010, 13h07
david2511

Masque de saisie téléphone
Bonjour,

J'ai un formulaire dans lequel 2 numéros de téléphone doivent être introduits.

Comment faire pour rendre le format uniforme dans le DB ?
Code:

1 2 Téléphone : <input type="text" name="tel" size="20" /> GSM : <input type="text" name="gsm" size="20" />
pour que le champ "TEL" soit au format 000-00.00.00 et "GSM" 0000-00.00.00
et que ça apparaisse automatiquement tout comme
Code:

1 2 Nom et prénom : <input type="text" name="nom" size="60" onKeyUp="javascript:this.value=this.value.toUpperCase();" />
qui remplace les lettres par des majuscules en cours de saisie.

Merci
03/03/2010, 13h31
SpaceFrog

sur le keyup ça me parait plus complexe ...
sur le onblur eventuellement

sinon colle des inputs les uns à coté des autres pour formater et obliger la saisie uniquement des chiffres
03/03/2010, 13h51
david2511

D'accord mais comment faire ?
le but est de garder 1 seul champ et lors de la frappe du numéro de téléphone avec des chiffres consécutifs, le format se met automatiquement.

Ex : je tape 071123456
et ça affiche : 071-12.34.56
sans que je n'ai à taper le - et les .

Comme pour une date où en tapant 01012010, le champ affiche 01/01/2010

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
29
<script type="text/javascript">
 
function format(obj){
var str=obj.value.replace(/-|\./g,'')
switch(true){
 
 case (str.length<9) : break;
 case (str.length==9):
  tel=str.replace(/^(\d{3})(\d{2})(\d{2})(\d{2})$/,"$1-$2.$3.$4")
  obj.value=tel
  break;
 case (str.length>9) :
  obj.value=str.substr(0,9).replace(/^(\d{3})(\d{2})(\d{2})(\d{2})$/,"$1-$2.$3.$4")
  }
 
 }
 
 
</script>
 
</head>
 
<body>
 
<input type='text' value='' id="foo" onkeyup="format(this)"/>
 
</body>
 
</html>

03/03/2010, 14h19
david2511

c'est ce que je souhaite merci mais seul hic ...
dans le DB, le numéro de téléphone devient 000000071
il ne prend en compte que le préfixe.
03/03/2010, 14h23
SpaceFrog

tu as mis quoi ? un champs integer dans ta table ?
03/03/2010, 14h25
david2511

tel int(9) UNSIGNED ZEROFILL Oui NULL
03/03/2010, 14h27
SpaceFrog

ben je crois pas même avec un chausse pied que tu puisse faire entrer un varchar dans un integer

deux solutions:
la plus simple modifier ton champs en varchar
l'autre envoyer un integer a ta requete
03/03/2010, 14h29
david2511

oui lol je n'avais pas fait gaffe à ça et je l'ai changé.

Merci pour ton aide, tout est comme je le souhaitais ;-)