Javascript - validation, nombres uniquement

Il existe de nombreuses situations pour permettre la saisie de chiffres ou d'alphabets, ou les deux sont acceptables dans les champs du formulaire, selon les exigences. À cette fin, validez les champs en fonction de l'exigence en utilisant la validation JavaScript. Il garantit que la contribution de l'utilisateur est correcte, complète et selon en besoin ou non avant de la soumettre au serveur.

Ce message définira les approches pour valider les champs du formulaire pour saisir uniquement les nombres.

Validation JavaScript pour entrer des nombres uniquement

Pour valider les champs pour saisir uniquement les nombres, utilisez les approches mentionnées ci-dessous:

• Utilisation de Regex
• Utilisation de la méthode isnan ()

Méthode 1: Nombres de validation uniquement en utilisant une expression régulière

Utilisez le "régulier expression"Ou un"expirat modèle«Pour valider les champs du formulaire pour entrer uniquement les nombres. Pour vérifier l'entrée de l'utilisateur, utilisez le «correspondre()”Méthode avec le regex qui correspond à la saisie avec le motif regex fourni.

Exemple

Dans le fichier html, utilisez le code suivant pour créer un formulaire:

Entrez votre numéro de broche: AutoCerletele = "OFF">

Selon l'extrait de code ci-dessus:

• Tout d'abord, créez un formulaire contenant un champ de saisie qui n'accepte que le nombre comme un «Broche Nombre".
• Ensuite, créez un espace pour un message d'impression si l'entrée est incorrecte ou correcte en utilisant le

  étiqueter.

• Créer un "soumettre"Bouton qui appelle le"NumberValidationFunc ()"Sur le bouton cliquez pour vérifier les champs du formulaire.

Utilisez le code suivant dans le «”TAG ou fichier javascript:

Fonction NumberValidationFunc ()

Var entrée = document.getElementByid ("pinnumber").valeur;
Var Pattern = / ^ [0-9] + $ /;
si (entrée.Match (modèle))

document.getElementByid ("erreur").innerHtml = "Great";
Retour Vrai;

autre

document.getElementByid ("erreur").innerhtml = "Entrez la valeur numérique";
retourne false;

Ici, dans l'extrait ci-dessus:

• Tout d'abord, définissez une fonction nommée «NumberValidationFunc ()"Cela sera invoqué sur le bouton cliquer.
• Obtenez la valeur d'entrée en utilisant le «valeur" attribut.
• Créez un motif regex stocké dans une variable "modèle".
• Ensuite, vérifiez si l'entrée correspond au modèle à l'aide du "correspondre()" méthode.
• Si l'entrée correspond au modèle, imprimez le message "Super», Sinon, affiche le message d'erreur«Entrez la valeur numérique".

Comme vous pouvez le voir, la sortie n'accepte que les nombres lors de la saisie des nombres avec des alphabets n'est pas acceptable, et il affiche un message d'erreur:

Méthode 2: Numéros de validation uniquement en utilisant la méthode ISNAN ()

Vous pouvez également utiliser le «Isnan ()”Méthode pour valider les champs pour entrer uniquement les nombres. Il prend l'entrée comme argument et vérifie si l'entrée est un nombre qu'il donne «vrai«Sinon, ça donne«FAUX".

Exemple

Définir une fonction "NumberValidationFunc ()"Cela appellera l'événement OnClick du bouton Soumettre pour vérifier si l'entrée est un nombre ou non en utilisant le"Isnan ()" méthode:

Fonction NumberValidationFunc ()

Var entrée = document.getElementByid ("pinnumber").valeur;
if (isnan (entrée))

document.getElementByid ("erreur").innerhtml = "Entrez la valeur numérique";
retourne false;

autre

document.getElementByid ("erreur").innerHtml = "Great";
Retour Vrai;

Sortir

C'est une question de validation des nombres uniquement en javascript.

Conclusion

Pour valider les champs de texte du formulaire pour uniquement des valeurs numériques, utilisez le «expression régulière«En tant que motifs regex ou«Isnan ()" méthode. Les deux approches sont les meilleures pour valider uniquement les nombres, et vous pouvez choisir / choisir n'importe qui selon votre désir. Ce message a défini les approches pour valider les champs du formulaire pour entrer uniquement les nombres.