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 : mai 2016
 
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 ? Accès SSH à une instance Amazon EC2 : comment faire face à l'erreur Permission denied (publickey) ? 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 ? Android Studio : comment résoudre l'erreur Gradle project sync failed ? AngularJS : comment éviter l'erreur $injector:modulerr ?
 Angular.js : comment exécuter une fonction au chargement de la page ? AngularJS: comment gérer des authentifications sur une même page d'application ? AngularJS : comment mettre un focus sur un champ input ?
 AngularJS : comment rendre la directive ngClass conditionnelle ? AngularJS : comment utiliser scope.$watch et scope.$apply ? AngularJS : $http.post() n'envoie pas les données, comment faire ?
 AngularJS : quelles différences entre les notions de Service, de Provider et de Factory ? AngularJS : comment créer une directive créant un champ d'entrée avec le même ng-model ? Apache : comment gérer l'erreur "AH01630: client denied by server configuration" ?
 ASP.NET MVC : comment passer la valeur d'une textbox au contrôleur ? Bootstrap : comment ajouter une icône de chargement à un bouton ? Bootstrap : comment configurer vos Navbar en responsive design ?
 Bootstrap : comment utiliser les Media queries ? Bootstrap : comment aligner une image responsive au centre ? Bootstrap : comment désactiver un bouton et un lien en jQuery ?
 Bootstrap : comment paramétrer une largeur fixe pour <td>? Comment afficher les nombres de 1 à 1000 en C ou C++ sans boucle ni structure conditionnelle ? Comment afficher/masquer une div en JavaScript ?
 Comment agrandir et réduire 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 à droite les boutons Bootstrap ?
 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 classer et trier une ArrayList en Java ? 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 configurer XAMPP pour envoyer des mails depuis un localhost ? 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 de zoom sur une image au passage de la souris (rollover) en CSS ? Comment créer un effet jumbotron avec une image d'arrière-plan avec Bootstrap ?
 Comment créer une image responsive dans Bootstrap ? Comment créer un élément div en jQuery ? Comment créer une liste déroulante multi-choix avec Bootstrap ?
 Comment créer une liste stockant les valeurs pour plusieurs cases à cocher avec AngularJS ? 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 désactiver un bouton en Jquery Comment développer un lecteur de fichier texte en Javascript ?
 Comment écrire une boucle conditionnelle IF...THEN dans une commande SQL SELECT Comment écrire un lien exécutant un code JavaScript ? Comment enlever ou réinitialiser des styles CSS pour un élément particulier ?
 Comment envoyer un e-mail en ASP.net C# ? Comment éviter l'erreur 'java' is not recognized as an internal or external command, operable program or batch file. ? Comment éviter l’erreur NullPointerException sans utiliser != null en Java ?
 Comment exécuter un applet Java dans Internet Explorer 11 avec JRE ? 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 en sorte que mes colonnes Bootstrap aient toutes la même hauteur ? Comment faire en sorte qu'une machine fasse confiance à une application Java auto-signée ? Comment faire fonctionner bootstrap-datepicker avec Bootstrap ?
 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 focus sur un élément d'un formulaire HTML en JavaScript ? Comment faire un SELECT en utilisant MAX sur une colonne et DISTINCT sur une autre colonne en SQL ? Comment faire un sleep dans une fonction JavaScript ?
 Comment forcer IE10 à exécuter l'Affichage de compatibilité ? 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 l'upload d'un fichier avec AngularJS ? 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 ? 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 dans une VM Genymotion sans support du drag and drop ? Comment installer Maven sur la distribution Linux Ubuntu ?
 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 obtenir une image de fond, en plein écran, responsive ? Comment obtenir un texte aligné verticalement au milieu d'une div ?
 Comment paramétrer une app pour Facebook Login ? Comment passer une variable de PHP à JavaScript ? Comment rafraîchir / recharger le contenu d'une div en jQuery/Ajax ?
 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 ? 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 retirer les alertes de sécurité (_CRT_SECURE_NO_WARNINGS) dans Visual Studio ? 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 AutoLayout dans UITableViewCell pour avoir des mises en page de cellule dynamiques et des hauteurs de ligne variables ? Comment utiliser jQuery pour vérifier la propriété checked d’une case à cocher ? Comment utiliser la commande getopts en bash ?
 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 formulaire via la touche entrée avec AngularJS ?
 Comment valider un nombre décimal en JavaScript ? Comment vérifier le nombre d'arguments d'un script bash ? 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 qu'un service est exécuté sur Ubuntu ? Comment vérifier si la propriété d’un objet est indéfinie (undefined) en JavaScript ?
 Comment zipper ou dézipper dans Windows en ligne de commande ? 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 ?
 CSS : Comment changer la source (src) d'une image lors d'un passage de souris (img:hover) ? CSS : comment utiliser la barre de navigation (navbar) par défaut de Bootstrap avec un logo ? Désactivation des contrôles ActiveX dans Excel : comment régler l'erreur Impossible d'insérer un objet ?
 Échec de l'installation d'Android Studio sur Windows 7, et aucun JDK trouvé : comment s'en sortir ? Eclipse / Android : comment gérer les conflits de jar (Jar mismatch!) Eclipse / Maven : comment changer la version de Project Facet Dynamic Web Module ?
 É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 : comment vérifier qu'une cellule contient une sous-chaîne de caractè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 ?
 HTML : existe-t-il un code couleur pour le transparent ? Implémenter la nouvelle ActionBar d'Android : comment gérer l'erreur Theme.AppCompat.Light ? Installation de gem ou mise à jour RubyGems : comment éviter l'erreur FilePermissionError ?
 Internet Explorer supporte-t-il l’attribut CSS border-radius ? Java : comment convertir un objet InputStream en une chaîne ?  Java : quelle est la différence entre une Interface et une classe abstraite ?
 Java : que veut dire le message d'erreur Could not find or load main class ? JavaScript : comment attendre X secondes avant d'exécuter la ligne suivante ? JavaScript : comment réinitialiser un formulaire en jQuery avec la méthode .reset() ?
 Java Swing : comment ajouter une image JPEG ou PNG à un JPanel ? Java : comment détecter la saisie d'une touche tapée au clavier ? jQuery : comment associer la fonction scrollTop() à une animation ?
 jQuery : comment faire face à l'erreur Uncaught TypeError: undefined is not a function ? jQuery : comment vérifier que l'utilisateur utilise Internet Explorer (IE), et ne pas exécuter la fonction si ce n'est pas le cas ? jQuery : comment obtenir le texte d'une option dans une balise select ?
 Laravel requires the Mcrypt PHP extension : comment éviter cette erreur ? 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 ?
 Mieux vaut-il utiliser Vagrant ou Docker.io pour créer un environnement isolé ? 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 ?
 Quel est le rôle des attributs data-toggle dans Bootstrap ? 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 ? Requête SQL : comment faire la somme de deux champs sur la même ligne ? SOAP vs REST : les principales différences ?
 SQL : comment passer une base de données de mono-utilisateur à multi-utilisateur ? Test de site web : comment faire tourner Internet Explorer 6, Internet Explorer 7 et Internet Explorer 8 sur la même machine The Google Play services resources were not found. Check your project configuration to ensure that the resources are included : comment faire ?
 Tomcat : comment gérer l'erreur de dépassement de mémoire java.lang.OutOfMemoryError: PermGen space  ? Valeurs des points de rupture (breakpoint) des CSS3 Media Queries Visual Studio : comment éviter l'erreur "No exports were found that match the constraint contract name" ?
 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 ?