Comment puis-je restreindre une saisie de texte HTML pour n'accepter que les frappes numériques ?

Une saisie de texte HTML peut-elle être limitée aux seules frappes numériques ?

La réponse rapide est oui, vous pouvez utiliser la fonction JavaScript setInputFilter () pour y parvenir. La fonction prend trois arguments, l'élément textbox, la fonction de filtre d'entrée et le message d'erreur.

La fonction de filtre d'entrée est une fonction qui prend une valeur en entrée et renvoie vrai si la valeur est valide ou faux si ce n'est pas valable. Dans ce cas, vous voudriez que la fonction de filtre renvoie vrai si la valeur est un chiffre (éventuellement avec un point décimal).

Voici un exemple de fonction de filtre d'entrée qui autoriserait uniquement les chiffres et le ' .' caractère :

function inputFilter(value) {
  return /^\d*\.?\d*$/.test(value);
}

Une fois que vous avez défini la fonction de filtre d'entrée, vous pouvez l'utiliser pour installer un filtre d'entrée sur votre élément textbox en utilisant le code suivant :

setInputFilter(document.getElementById("myTextBox"), inputFilter, "Only digits and '.' are allowed");

Le setInputFilter( ) la fonction appliquera le filtre d’entrée à l’élément de zone de texte spécifié. Tous les caractères non valides saisis dans la zone de texte seront rejetés et le message d'erreur sera affiché.

Remarque : Il est important de ne pas se fier uniquement au côté client. validation pour empêcher les utilisateurs de saisir des caractères invalides. Vous devez toujours valider également la saisie de l'utilisateur côté serveur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!