Discussion :

[RR9151]

Bonjour,
Je suis nouveau dans le forum et d�butant en programmation.

Mon probl�me :
Je souhaite saisir un n� de t�l�phone dans un formulaire et j'ai trouv� sur ce site des infos int�ressantes. Voici le script utilis� :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
 
        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,'')
            }
        }

Et en HTML :

Code HTML :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
<input type="tel" onkeyup="formatte(this,2)" id="telfixe" name="telfixe" …

Ceci fonctionne tr�s bien et des espaces sont ajout�s automatiquement � la saisie, tous les 2 chiffres.
Par contre si je saisis du texte dans ce champ, du style "toto-titi", c'est accept� ce qui est plut�t emb�tant.
Je cherche donc � emp�cher "en ligne" toute saisie de caract�res autres que des chiffres.
Ce n'est certainement pas tr�s compliqu�, mais apr�s avoir pass� pas mal de temps � rechercher, je me suis dit que vous pourriez peut-�tre me donner une solution.

Merci pour votre aide.
Cdt,
Rapha�l

[sekaijin]

remplace

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 var regspace=/(\s)/g;     
        tempString=obj.value.replace(regspace,'')

par

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 var regspace=/([^0-9])/g;     
        tempString=obj.value.replace(regspace,'')

remplace tout ce qui n'es pas un chiffre par ""

A+JYT

[RR9151]

Merci � Sekaijin
Effectivement cela efface les caract�res alphanum�riques mais pas dans tous les cas.
Deux cas :
1.- Je saisis toto4528 --> j'obtiens bien 45 28 (avec espace entre les deux)
2.- Je saisis (en pensant aux plaisantins) tototiti --> il n'y a pas de correction et l'affichage reste tel que saisi : tototiti.

Avez-vous une solution ?

Merci pour votre aide.
Rapha�l

[Bovino]

Autant interdire directement la saisie des caract�res non num�riques � la base :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
document.getElementById('telfixe').onkeydown = function(e){
    return (e.which > 95 && e.which < 106);
}

Bon �videmment, c'est juste une base, il faut quand m�me pr�voir les corrections etc.

[RR9151]

Merci � Bovino pour votre r�ponse.
Mais j'avoue que je ne sais pas l'appliquer, aussi simple qu'elle paraisse.

Voici ce que j'ai mis dans mon script :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
function formatte(obj,group){
document.getElementById('telfixe').onkeydown = function(e){
return (e.which > 95 && e.which < 106);
}

Et dans ma page php :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
<input type="tel" onkeyup="formatte(this,2)" id="telfixe" name="telfixe" …

Cela ne fonctionne pas, il n'y a aucune correction de la saisie.
Il faut peut-�tre renommer la fonction ou l'appeler autrement ?
D'autre part, � quoi correspondent les codes 95 � 106 ?
Car si je comprends bien, on n'accepte que les valeurs comprises entre 96 et 105 mais les codes ascii de 0 � 9 vont de 48 � 57, d'o� le trouble qu'y s'y ajoute.
Merci pour votre �clairage.

Rapha�l

[RR9151]

Finalement, je suis parti de l'id�e de Sekaijin, que je remercie encore.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
        function formatte(obj,group){
        var regspace=/(\D)/g;    /* remplace tout ce qui n'est pas un chiffre par un espace */
        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,'')
            }
        }

Et dans le formulaire :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<input class="contactmail" type="tel" onkeyup="formatte(this,2)" id="telfixe" name="telfixe" ...

Ceci permet donc de formater la saisie : xx xx xx xx xx
Et si du texte et des chiffres sont m�lang�s, le texte est effac�.
Par contre s'il s'agit uniquement de texte, j'ai mis en place un autre s�curit� dans le code PHP :

Code php :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
$regex_tel = '/(\d\s)/';
if (!preg_match($regex_tel, $telfixe))
    {   $alert = 'Le n° de téléphone fixe : '.$telfixe.' n\'est pas valide'; }

Merci � vous pour votre participation.
Rapha�l