Partager cet article

RSS
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 : décembre 2014
 
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 ? Comment afficher les nombres de 1 à 1000 en C ou C++ sans boucle ni structure conditionnelle ? 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 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 les CSS d’une page web au contenu d’une iframe ?
 Comment arrondir un nombre à n décimales en Java ? Comment centrer horizontalement une DIV dans une autre en CSS ? 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 convertir la valeur d’une variable PHP en chaine ? Comment convertir une chaîne en nombre (double) en Objective-C ?
 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 é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 faire apparaitre un message d’exception spécifique dans un message d'erreur JQuery AJAX ?
 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 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 un conflit de fusion dans Git ? 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 intercepter l'évènement .ready d'une iFrame avec jQuery ? Comment lire les paramètres de ligne de commande depuis un fichier batch ?
 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, en JavaScript ?  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 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 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 requêter une base Oracle pour afficher le nom de toutes ses tables ? Comment sérialiser un objet en JSON avec jQuery ? 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 ? 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 ? Internet Explorer supporte-t-il l’attribut CSS border-radius ? Java : comment convertir un objet InputStream en une chaîne ?
 Java Swing : comment ajouter une image JPEG ou PNG à un JPanel ? jQuery : comment obtenir le texte d'une option dans une balise select ?  Linux : comment suivre la consommation mémoire d’une application ou d’un process ?
 Peut-on utiliser une clause IF dans une clause WHERE en SQL ?  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 l'expression régulière pour trouver des chaînes ne contenant pas un mot spécifique ?
 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  ? Xcode : comment installer une application iOS sur un vrai iPhone sans certificat Apple ? Comment éviter l’erreur NullPointerException sans utiliser != null en Java ?
 Comment faire un SELECT en utilisant MAX sur une colonne et DISTINCT sur une autre colonne en SQL ?  
 




RUBRIQUES

A VOIR EGALEMENT