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

Contributions JavaScript / AJAX Discussion :

Les formulaires (partie 2) : Comment n'autoriser que la saisie de chiffres dans un champ texte ? [Fait] [FAQ]


Sujet :

Contributions JavaScript / AJAX

  1. #1
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 647
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 647
    Points : 11 136
    Points
    11 136
    Par défaut Les formulaires (partie 2) : Comment n'autoriser que la saisie de chiffres dans un champ texte ?
    Comment n'autoriser que la saisie de chiffres dans un champ texte ?
    http://javascript.developpez.com/faq...input.chiffres

    • simplification du code (au niveau de la partie event) : window.event n'est pas nécessaire dans la mesure ou l'objet est passé en argument
    • accolades ouvrantes à la ligne
    • indentation du code


    Comment n'autoriser que la saisie de chiffres dans un champ texte ?

    Fonction Javascript :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    function chiffres(ev) 
    {
    	// IE
    	if(ev.keyCode < 48 || ev.keyCode > 57) 
    	{
    		ev.returnValue = false;
    		ev.cancelBubble = true;
    	}
    	// DOM
    	if(ev.which < 48 || ev.which > 57) 
    	{
    		ev.preventDefault();
    		ev.stopPropagation();
    	}
    }

    Code HTML :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" id="champ" onkeypress="chiffres(event);">
    Exemple d'utilisation de ce script
    J'ai testé le code sous IE et FF. Je ne l'ai pas testé avec Chrome et Opera à vérifier donc.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 954
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 954
    Points : 44 090
    Points
    44 090
    Par défaut Relecture
    Cette FAQ a été mise à jour récemment.

    Je ne changerais rien d'autant que ta simplification ne fonctionne pas si l'on affecte l'événement directement à l'objet dans un script via un oInput.onkeypress = chiffres;

  3. #3
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 647
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 647
    Points : 11 136
    Points
    11 136
    Par défaut
    Comme cette Q/R a été mise à jour, inutile de tenir compte de ma proposition.

    La suite de ta remarque me fait penser à cette discussion :
    http://www.developpez.net/forums/d66...es-this-event/
    par contre je ne sais pas si ce code est toujours valable. Peut-être que cela pourrait être l'occasion d'ajouter cette Q/R dans la FAQ ?

  4. #4
    Expert éminent sénior

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Points : 79 912
    Points
    79 912
    Par défaut
    Si elle est ok en l'état, pas de souci pour moi.

  5. #5
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 647
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 647
    Points : 11 136
    Points
    11 136
    Par défaut
    On ne touche à rien et Résolu.

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

Discussions similaires

  1. Réponses: 11
    Dernier message: 19/11/2013, 21h36
  2. [FAQ] Les formulaires (partie 2) : Comment soumettre un formulaire automatiquement ?
    Par Auteur dans le forum Contributions JavaScript / AJAX
    Réponses: 4
    Dernier message: 18/11/2013, 21h33
  3. [JavaScript] [FAQ][MAJ] Comment n'autoriser que la saisie de chiffres dans un champ texte?
    Par Bisûnûrs dans le forum Contribuez
    Réponses: 8
    Dernier message: 10/01/2012, 18h08
  4. Réponses: 4
    Dernier message: 14/05/2008, 14h35
  5. Réponses: 3
    Dernier message: 14/09/2007, 14h30

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