Masque de saisie téléphone

**david2511** · 03/03/2010, 13h07

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 :

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

1
2
 
Téléphone : <input type="text" name="tel" size="20" />&nbsp;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 :

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

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

**SpaceFrog** · 03/03/2010, 13h31

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

**david2511** · 03/03/2010, 13h51

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

**SpaceFrog** · 03/03/2010, 14h10

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

**david2511** · 03/03/2010, 14h19

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.

**SpaceFrog** · 03/03/2010, 14h23

tu as mis quoi ? un champs integer dans ta table ?

**david2511** · 03/03/2010, 14h25

tel int(9) UNSIGNED ZEROFILL Oui NULL

**SpaceFrog** · 03/03/2010, 14h27

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

**david2511** · 03/03/2010, 14h29

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

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

Masque de saisie téléphone

JavaScript

Discussions similaires

Partager

Partager