Aquest tutorial descriurà el mètode per validar codis PIN i números de mòbil mitjançant JavaScript.
Com validar el codi PIN i el número de mòbil a JavaScript?
Per validar el codi PIN i el número de mòbil, utilitzeu el ' expressions regulars ' amb el ' coincideix () ” mètode en JavaScript. El mètode match() fa coincidir el valor amb l'expressió regular, si s'ajusta, el mètode retornarà true o, en cas contrari, donarà false.
Patró d'expressió regular per validar el codi PIN
Els codis PIN solen ser codis de 4, 5 o 6 dígits. Aquí, escriurem l'expressió regular per validar el codi PIN de 6 dígits:
/^ \d { 6 } $ /
En el patró anterior:
- “ / ” El caràcter de barra inclinada s'utilitza per referir-se als límits de l'expressió/patró regular.
- “ ^ ” representa l'inici del número.
- “ d ” denota dígits.
- “ {} ' indica el límit que és ' 6 ”.
- “ \ ” El caràcter de barra invertida és el caràcter d'escapada.
- “ $ ” indica el final de la cadena.
Patró d'expressió regular per validar el número de mòbil
És imprescindible validar el número de telèfon/mòbil en un formulari HTML. Un número de telèfon vàlid pot estar disponible en diversos formats, segons la zona. Segueix el enllaç per comprovar les diferents execucions regulars per validar els números de telèfon.
Aquí, parlarem dels dos formats habituals, un és només números amb una longitud de 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /L'expressió regular anterior indica que només podeu introduir 10 dígits com a número de telèfon sense cap delimitador, com ara espai, o cap caràcter especial inclòs ' + ”, “ – ' o ' () ”.
Exemple
Primer dissenyem la pàgina web i després utilitzem JavaScript per validar el codi PIN i el número de mòbil. Aneu al vostre fitxer HTML i enganxeu-hi el codi següent:
< nom del formulari = 'forma' acció = '#' >< tipus d'entrada = 'text' id = 'pin' posseïdor del lloc = 'Introdueix el teu PIN' autocompletar = 'apagat' >< br > < br >
< tipus d'entrada = 'text' id = 'número' posseïdor del lloc = 'Introduïu el vostre número de mòbil de 10 dígits' autocompletar = 'apagat' >< br >< br >
< tipus de botó = 'Presentar' fent clic = 'validació()' > Presentar botó >
forma >
En el codi anterior:
- Primer, creeu un formulari amb l'acció ' # ” el que significa que les dades no s'enviaran enlloc.
- Creeu dos camps d'entrada, un per al codi PIN i l'altre per al número de mòbil.
- Crea un ' Presentar ” botó que anomenarà “ validació () ” mètode per validar el codi PIN i el número de mòbil.
La pàgina HTML tindrà el següent aspecte:
A l'etiqueta