IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Remplacer un caractère saisi, a la volée en JS ?


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Août 2007
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 5
    Par défaut Remplacer un caractère saisi, a la volée en JS ?
    Bonjour,

    J'ai une fonction JS qui me sert a controler la saisie de contenu dans un formulaire. Actuellement la fonction permet d'empecher de saisir autre chose que des chiffres et "." ou "," dans les champs. Je souhaiterais, en plus, qu'elle remplace automatiquement les "," par des ".".

    La fonction actuelle, appelée sur pression d'une touche :
    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
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    function verifSaisie(srcObj,evt){
     
     
    	if(window.event){
    		keyCode = window.event.keyCode;
    		evt = window.event;
    	}else if (evt) keyCode = evt.which;
    	else return true;
     
    	if (keyCode==44) keyCode=46;	// ,=>.
     
    	if (keyCode==46)
    	{
    		//On autorise l'insertion du point uniquement s'il est unique
    		if (srcObj.value.indexOf('.')==-1 && srcObj.value.indexOf(',')==-1 ){
    			return;
    		}
     
    	}
     
    	if (((keyCode>=48) && (keyCode<=57)) || keyCode == 0 || keyCode == 8)
    	{
    		evt.returnValue = true;
    		return true;
    	}else{
    		evt.returnValue = false;
    		return false;
    	}
    }
     
    Pour laquelle cette ligne : if (keyCode==44) keyCode=46;	// ,=>. ne sert a rien, puisqu'elle agit sur une variable locale kayCode.
    Je voudrais remplacer la ligne par quelquechose qui pourrait substituer le caractere qui va etre affiché par celui que je veux.
     
    Pour le moment j'ai mis en place cette autre solution, qui consiste a appeler, au moment de relacher la touche cette fonction :
    function virguleRemplace(srcObj)
    {
    	if (srcObj.value.indexOf(",") != -1) {
    		srcObj.value = (srcObj.value.split(",")[0] + "." + srcObj.value.split(",")[1]);
    	}
    }
    Qui remplace les virgules dans les chaines.

    Mais si c'est possible, je souhaiterais que ce traitement se fasse dans la premiere fonction, au moment de la pression de la touche, sans que la virgule n'ait le temps d'apparaitre : vraiment a la volée.

    Qu'en pensez vous ?

    Merci d'avance.

  2. #2
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    tu ne peux empêcher l'affichage du caractère danc ces conditions;

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Août 2007
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 5
    Par défaut
    Impossible d'intercepter remplacer pendant la frappe avec un onPress ?
    Le caractere en cours de frappe, il n'est pas stocké dans quelquechose d'accessible ?

  4. #4
    Membre éprouvé Avatar de LexWizard
    Développeur informatique
    Inscrit en
    Août 2007
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2007
    Messages : 101
    Par défaut
    Salut,

    Tu peux faire comme ça :
    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
    function keypress(e)
            {
                var keycode;
                if (window.event) 
                    keycode = window.event.keyCode;
                else if (e)
                    keycode = e.which;
     
                if(keycode != 8 && keycode != 110 && (keycode < 48 || keycode > 57 && keycode < 96 || keycode > 105))
                {
                    if (keycode == 188)
                    {
                        if(document.getElementById('idInput').value.indexOf(".")==-1) document.getElementById('idInput').value += ".";
                    }
                    return false;
                 }
                 return true;
            }
    'idInput' est l'input (logique )
    Bonne continuation

  5. #5
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut

  6. #6
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    alors après résolution d'un bug en mettant à jour mon ffx, voilà à peu près ce qu'on peut faire (mais ce n'est pas la panacée...

    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
    <script type="text/javascript">
     
     
    function check(ch){
     
    	t=ch.value;
     
    	t=t.replace(",",".").replace(/[^\d.]/g,"");
    	t=t.replace(/(\d*\.\d*)\./g,"$1").replace(/^\./,"0.");
     
    	ch.value=t;
    	ch.style.color="#000"
    }
     
    </script>
     
     
    </head>
     
    <body>
     
    <div>
       <input type="text" id="txt"  onkeypress="this.style.color='#fff'" onkeyup="check(this)" />
    </div>

  7. #7
    Membre à l'essai
    Profil pro
    Inscrit en
    Août 2007
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 5
    Par défaut
    Bonjour,
    Merci pour vos reponses, mais je crois, arretez moi si je me trompe, que ces solutions ne remplacent pas a la volée le caractere, mais bien apres la saisie, donc ça doit rejoindre la méthode que j'avais prise.

    J'ai mis ça sur un onkeyUp.

    function virguleRemplace(srcObj)
    {
    if (srcObj.value.indexOf(",") != -1) {
    srcObj.value = (srcObj.value.split(",")[0] + "." + srcObj.value.split(",")[1]);
    }
    }
    Qu'en pensez vous ?
    Le principe est le meme non ? Ou je manque un detail ?

    L'une des solutions vaut elle mieux que l'autre et pourquoi ?
    Je precise que . ou , ne peuvent être saisis qu'une seule, une autre fonction reglemente la saisie dans les champs.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. MS DOS : Remplacer des caractères saisis par des "*"
    Par Invité dans le forum Scripts/Batch
    Réponses: 12
    Dernier message: 26/01/2015, 19h02
  2. [TinyMCE] [Wordpress] Remplacement de caractères à la volée
    Par darkvadd7 dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 21/01/2014, 11h09
  3. Remplacer un caractère à la volée
    Par BLJ.CHAUVIN dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 19/09/2010, 15h23
  4. Remplacer un caractère après saisie dans TextBox
    Par melouille56 dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 11/10/2007, 15h12
  5. Remplacer un caractère
    Par Mvu dans le forum ASP
    Réponses: 5
    Dernier message: 20/07/2004, 09h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo