Ce didacticiel décrira la méthode de validation des codes PIN et des numéros mobiles à l'aide de JavaScript.
Comment valider le code PIN et le numéro de mobile en JavaScript ?
Pour valider le code PIN et le numéro de mobile, utilisez le « expressions régulières ' avec le ' rencontre() ” méthode en JavaScript. La méthode match () correspond à la valeur de l'expression régulière, si elle correspond, la méthode renverra true, sinon elle donnera false.
Modèle Regex pour valider le code PIN
Les codes PIN sont généralement des codes à 4, 5 ou 6 chiffres. Ici, nous allons écrire la regex pour valider le code pin à 6 chiffres :
/^ \ré { 6 } $ /
Dans le modèle ci-dessus :
- ' / ” le caractère barre oblique est utilisé pour faire référence aux limites de l'expression régulière/du modèle.
- ' ^ ” représente le début du nombre.
- ' ré ” désigne les chiffres.
- ' {} ' indique la limite qui est ' 6 ”.
- ' \ ” Le caractère barre oblique inverse est le caractère d'échappement.
- ' $ ” indique la fin de la chaîne.
Modèle Regex pour valider le numéro de mobile
Il est indispensable de valider le numéro de téléphone/portable sur un formulaire HTML. Un numéro de téléphone valide peut être disponible dans différents formats, selon la région. Suivre la lien pour vérifier les différentes regex pour valider les numéros de téléphone.
Ici, nous allons discuter des deux formats courants, l'un n'étant que des nombres d'une longueur de 10 :
/^ \ré { 3 } \ré { 3 } \ré { 4 } $ /L'expression régulière ci-dessus indique que vous ne pouvez saisir que 10 chiffres comme numéro de téléphone sans aucun délimiteur tel qu'un espace ou tout caractère spécial, y compris ' + ”, “ – ' ou alors ' () ”.
Exemple
Commençons par concevoir la page Web, puis utilisons JavaScript pour valider le code PIN et le numéro de téléphone mobile. Accédez à votre fichier HTML et collez-y le code suivant :
< nom de forme = 'formulaire' action = '#' >< type d'entrée = 'texte' identifiant = 'broche' espace réservé = 'Entrez votre NIP' Saisie automatique = 'à l'arrêt' >< Br > < Br >
< type d'entrée = 'texte' identifiant = 'Numéro' espace réservé = 'Entrez votre numéro de mobile à 10 chiffres' Saisie automatique = 'à l'arrêt' >< Br >< Br >
< type de bouton = 'nous faire parvenir' sur clic = 'validation()' > Nous faire parvenir bouton >
formulaire >
Dans le code ci-dessus :
- Tout d'abord, créez un formulaire avec l'action ' # ” ce qui signifie que les données ne seront envoyées nulle part.
- Créez deux champs de saisie, un pour le code PIN et l'autre pour le numéro de mobile.
- Créer un ' nous faire parvenir ' bouton qui appellera le ' validation() ” méthode pour valider le code pin et le numéro de mobile.
La page HTML ressemblera à ceci :
Dans la balise