Rechercher un thème :
Développeur >   
Toute l'encyclo pratique

Comment n’autoriser que la saisie de chiffres dans un champ texte, en jQuery ?

Fiche pratique
DONNEZ VOTRE AVIS
Il est parfois nécessaire que le champ texte d'un formulaire ne soit rempli qu'avec certain type de données.
 
 
Dernière mise à jour : septembre 2015
 
Dans un formulaire, on peut vouloir qu'un champ texte soit rempli uniquement avec un certain type de données. C'est le cas par exemple pour les numéros de téléphone, qui ne doivent contenir que des chiffres. On pourrait utiliser un contrôle pour vérifier lors de la validation que le champ ne contient que des chiffres, mais il serait bien plus simple pour l'internaute que ce dernier ne puisse taper que des chiffres dans le champ (lire aussi l'astuce liée: Comment définir la valeur d'une zone de texte (textarea) en jQuery ?).

Pour réaliser cette méthode, on va utiliser l'évènement JavaScript keypress qui se déclenche lorsque l'internaute appuie sur une touche. En testant l'attribut keycode de l'évènement, on connaîtra la touche sur laquelle a appuyé l'internaute.
$(#txtboxToFilter).keydown(function(event) {
// Autorise: retour arrière, tab, echap, and entrée
if ( event.keyCode == 46
 
 
Copyright Benchmark Group Envoyer à un ami | Imprimer  
 
 
 
 

Développement
Fiches pratiques
 R cannot be resolved : comment éviter les erreurs d’importation Android dans Eclipse ? Android Studio : comment ajouter le fichier JAR Gson dans les librairies avec Gradle ? Android Studio : comment modifier le chemin d'accès (path) du SDK Android ?
 Angular.js : comment exécuter une fonction au chargement de la page ? AngularJS : comment utiliser scope.$watch et scope.$apply ? AngularJS : quelles différences entre les notions de Service, de Provider et de Factory ?
 Comment afficher les nombres de 1 à 1000 en C ou C++ sans boucle ni structure conditionnelle ? Comment afficher/masquer une div en JavaScript ? Comment ajouter une colonne, avec une valeur par défaut, dans une table SQL existante ?
 Comment ajouter une image de chargement en cours (spinner) en jQuery ? Comment ajouter une ligne dans un tableau (table) en jQuery ? (réponse 1) Comment ajouter un projet de librairie à Android Studio ?
 Comment aligner les cases à cocher (checkboxes) et leur label quel que soit le navigateur ? Comment annuler un commit Git ? Comment appeler un web service SOAP ou REST dans Android ?
 Comment appliquer des CSS à la moitié d'un caractère ? Comment appliquer les CSS d’une page web au contenu d’une iframe ? Comment appliquer un filtre CSS3 de floutage à une image de fond background-image ?
 Comment arrondir un nombre à n décimales en Java ? Comment centrer horizontalement une DIV dans une autre en CSS ? Comment centrer une colonne en utilisant Bootstrap ?
 Comment changer la source src d’une image en jQuery lors d’un clic de souris ? Comment changer la valeur d'une liste défilante en jQuery ? Comment changer l’image d'arrière-plan d’une DIV en jQuery ?
 Comment cloner à la fois des branches maitre et de développement sur GitHub ? Comment cloner des objets en C# ? Comment cocher une case à cocher en jQuery ou JavaScript ?
 Comment concaténer deux tableaux (array) de chaînes de caractères (string) en Java ? Comment concaténer plusieurs lignes en une seule chaîne dans une base de données ? Comment configurer un $PATH permanent sur Linux ?
 Comment convertir la valeur d’une variable PHP en chaine ? Comment convertir une chaîne en nombre (double) en Objective-C ? Comment convertir un format de date en Jour/Mois/Année dans SQL Server 2008 ?
 Comment convertir un nombre entier (integer) en chaîne (string) en PHP ? Comment copier-coller un texte dans le presse-papier en JavaScript ? Comment corriger une erreur dans un message de commit Git ?
 Comment créer en jQuery une image réactive (en rollover) au moment du passage de la souris ?  Comment créer et manipuler des éléments HTML en jQuery Comment créer un arrière-plan (backgroud) CSS extensible et adaptable ?
 Comment créer une feuille Excel en C# ? Comment créer un effet avec timeout (délai) en jQuery ? Comment créer un effet jumbotron avec une image d'arrière-plan avec Bootstrap ?
 Comment créer un élément div en jQuery ? Comment déclencher un clic sur un bouton en JavaScript au moment où la touche Entrée est pressée dans une zone de texte ? Comment définir la valeur d'une zone de texte (textarea) en jQuery ?
 Comment définir les cellpadding et cellspacing en CSS ? Comment écrire une boucle conditionnelle IF...THEN dans une commande SQL SELECT Comment écrire un lien exécutant un code JavaScript ?
 Comment éviter l’erreur NullPointerException sans utiliser != null en Java ? Comment faire apparaître les profils de provisioning dans le menu de Xcode ? Comment faire apparaitre un message d’exception spécifique dans un message d'erreur JQuery AJAX ?
 Comment faire fonctionner les services de localisation sur iOS 8 ? Comment faire pour concaténer des chaînes en Objective-C ? Comment faire une requête post en JavaScript sans avoir recours à un formulaire ?
 Comment faire un SELECT en utilisant MAX sur une colonne et DISTINCT sur une autre colonne en SQL ? Comment générer un nombre aléatoire (random) en Java compris entre deux chiffres ? Comment générer un timestamp (horodatage) en JavaScript ?
 Comment gérer la taille des caractères en responsive design ? Comment gérer un conflit de fusion dans Git ? Comment importer un fichier SQL dans MySQL en ligne de commande ?
 Comment initialiser un tableau en C en attribuant une valeur identique à chaque élément ? Comment insérer des données d’une table dans une autre table ? (SQL Insert into … values ( SELECT … FROM … )) Comment installer ADB (Android Debug Bridge) sur Windows (8.1) ?
 Comment installer Java 7 sur Ubuntu ? Comment installer JDK sur la distribution Linux Ubuntu ? Comment installer les frameworks Google (Play, Accounts, etc.) sur un terminal virtuel Genymotion ?
 Comment installer les services Google Play à une VM Genymotion sans support du drag and drop ? Comment installer Node.js sur Ubuntu ? Comment intercepter l'évènement .ready d'une iFrame avec jQuery ?
 Comment lire les paramètres de ligne de commande depuis un fichier batch ? Comment masquer une barre de défilement sans empêcher de scroller ? Comment mettre en place une redirection HTTP en JQuery / JavaScript ?
 Comment modifier la classe CSS d'un élément HTML lors d'un événement onClick ? Comment modifier la valeur href d’un lien avec jQuery ? Comment modifier l'image d'un bouton input en CSS ?
 Comment n’autoriser que la saisie de chiffres dans un champ texte, en jQuery ? Comment obtenir l'adresse IP du client en PHP ? Comment obtenir la valeur d’une cellule de table en utilisant jQuery ?
 Comment obtenir les paramètres d'URL en JavaScript ? Comment obtenir une chaîne combinant le mois et l'année d'une date dans SQL Server ? Comment paramétrer une app pour Facebook Login ?
 Comment passer une variable de PHP à JavaScript ? Comment rechercher un texte dans toutes les procédures stockées sur une base de données SQL Server ? Comment récupérer la valeur d'un bouton radio ?
 Comment récupérer le chemin de l'URL courante dans jQuery, et l'assigner à une variable ? Comment récupérer le texte saisi dans un champ de formulaire, en jQuery ? Comment récupérer une valeur d’un menu déroulant en ASP.Net grâce à JavaScript ?
 Comment rendre l'arrière-plan d'un élément semi-transparent en conservant le texte de cet élément opaque en CSS ? Comment renommer une colonne dans SQL Server 2008 ? Comment renvoyer la réponse d'un appel asynchrone en Ajax ?
 Comment requêter une base Oracle pour afficher le nom de toutes ses tables ? Comment retrouver tous les fichiers contenant une chaîne de caractères sur Linux ? Comment scinder une chaîne de caractères (string) en jQuery ou JavaScript ?
 Comment sérialiser un objet en JSON avec jQuery ? Comment supprimer des enregistrements dans une base SQL Server en utilisant la fonction INNER JOIN ? Comment supprimer des fichiers anciens avec un batch ?
 Comment tester si un élément est visible ou caché en jQuery ?  Comment trier une Map par valeurs en Java ? Comment tronquer les chiffres après la virgule en SQL ?
 Comment trouver la touche qui a été appuyée lors d'un évènement keypress en jQuery ? Comment trouver un item dans un tableau (array) JavaScript ? Comment uploader des fichiers de manière asynchrone en jQuery et AJAX ?
 Comment utiliser jQuery pour vérifier la propriété checked d’une case à cocher ? Comment utiliser un sélecteur pour sélectionner une image dans une div cliquable ? Comment valider une expression régulière dans une chaîne en jQuery ?
 Comment valider un nombre décimal en JavaScript ? Comment vérifier qu’une chaine contient une sous-chaine en JavaScript ? Comment vérifier qu’une chaîne est vide, nulle ou non définie en JavaScript ?
 Comment vérifier qu’une colonne existe dans une table SQL Server ? Comment vérifier qu'une option est sélectionnée dans un menu avec JQuery, et si ce n'est pas le cas lui attribuer une option par défaut ?  Comment vérifier qu’un fichier existe, en Python ?
 Comment vérifier si la propriété d’un objet est indéfinie (undefined) en JavaScript ? Could not open a connection to your authentication agent : comment résoudre cette erreur en SSH ? C++ : pourquoi utiliser un pointeur d'objet plutôt que l'objet lui-même ?
 Échec de l'installation d'Android Studio sur Windows 7, et aucun JDK trouvé : comment s'en sortir ? Écrire et lire un cookie en JavaScript Est-il possible d'accéder au SDK de l'iPhone sous Windows ? Apple prévoit-il de rendre le SDK iPhone compatible avec Windows ?
 Est-il possible de parser un code HTML ou XHTML avec les expressions régulières ? Excel : existe-t-il une macro pour faire une copie conditionnelle de lignes dans un classeur différent ? HTML : comment aligner verticalement deux div avec Bootstrap ?
 Implémenter la nouvelle ActionBar d'Android : comment gérer l'erreur Theme.AppCompat.Light ? Internet Explorer supporte-t-il l’attribut CSS border-radius ? Java : comment convertir un objet InputStream en une chaîne ?
 Java : que veut dire le message d'erreur Could not find or load main class ? Java Swing : comment ajouter une image JPEG ou PNG à un JPanel ? jQuery : comment associer la fonction scrollTop() à une animation ?
 jQuery : comment faire face à l'erreur Uncaught TypeError: undefined is not a function ? jQuery : comment obtenir le texte d'une option dans une balise select ?  Les paramètres XMS et XMX dans la JVM : qu'est-ce que c'est ?
 Linux : comment suivre la consommation mémoire d’une application ou d’un process ? Node.js sur Windows : comment éviter l'erreur ENOENT, stat 'C:\Users\RT\AppData\Roaming\npm ? Peut-on utiliser une clause IF dans une clause WHERE en SQL ?
 PHP : comment éviter l'erreur date(): It is not safe to rely on the system's timezone settings ? PHP : comment retirer tous les caractères spéciaux d'une chaîne et les convertir en caractères normaux ? Pourquoi Eclipse ajoute-t-elle la librairie appcompat par défaut à un projet ?
 Python : utiliser une variable globale dans une fonction, au sein d'une autre fonction Quand et pourquoi utiliser l’annotation @Override en Java ? Quel content-type utiliser pour du JSON ?
 Quelle commande utiliser pour vérifier qu’un répertoire existe en script shell Bash ?  Quelle est la meilleure manière pour représenter une grille ou un tableau en AngularJS avec Bootstrap ? Quelle est l'expression régulière pour trouver des chaînes ne contenant pas un mot spécifique ?
 Quelles modifications faire dans les CSS pour changer la couleur de la Navbar (barre de navigation) dans Bootstrap ? Quelles sont les différences entre HashMap et Hashtable en Java, leurs points forts et points faibles ? Quels sont les raccourcis VIM les plus efficaces ?
 Test de site web : comment faire tourner Internet Explorer 6, Internet Explorer 7 et Internet Explorer 8 sur la même machine Tomcat : comment gérer l'erreur de dépassement de mémoire java.lang.OutOfMemoryError: PermGen space  ? Vos Glyphicons Bootstrap ne fonctionnent pas : voici une solution.
 XAMPP / Apache : comment résoudre l'erreur de fermeture inopinée d'Apache ? Xcode : comment installer une application iOS sur un vrai iPhone sans certificat Apple ? XMLHttpRequest sur un domaine différent : comment paramétrer Access-Control-Allow-Origin ?