Questo tutorial descriverà il metodo per convalidare codici pin e numeri di cellulare utilizzando JavaScript.
Come convalidare il codice PIN e il numero di cellulare in JavaScript?
Per convalidare il codice PIN e il numero di cellulare, utilizzare il ' espressioni regolari ' con il ' partita() ” metodo in JavaScript. Il metodo match() abbina il valore all'espressione regolare, se viene abbinato, il metodo restituirà true, altrimenti restituirà false.
Modello Regex per convalidare il codice pin
I codici pin sono in genere codici a 4, 5 o 6 cifre. Qui, scriveremo la regex per convalidare il codice pin a 6 cifre:
/^ \d { 6 } $ /
Nello schema sopra:
- “ / Il carattere 'barra in avanti' viene utilizzato per fare riferimento ai limiti dell'espressione/pattern regolare.
- “ ^ ” rappresenta l'inizio del numero.
- “ d ” indica le cifre.
- “ {} ” indica il limite che è “ 6 ”.
- “ \ Il carattere barra rovesciata è il carattere di fuga.
- “ $ ” indica la fine della stringa.
Modello Regex per convalidare il numero di cellulare
È essenziale convalidare il numero di telefono/cellulare su un modulo HTML. Un numero di telefono valido può essere disponibile in vari formati, a seconda dell'area. Segui il collegamento per controllare le diverse espressioni regolari per convalidare i numeri di telefono.
Qui, discuteremo i due formati comuni uno è solo numeri con una lunghezza di 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /L'espressione regolare sopra indica che puoi inserire solo 10 cifre come numero di telefono senza alcun delimitatore come spazio o qualsiasi carattere speciale incluso ' + ”, “ – ' o ' () ”.
Esempio
Progettiamo prima la pagina web e poi usiamo JavaScript per convalidare il codice pin e il numero di cellulare. Vai al tuo file HTML e incolla lì il seguente codice:
< nome del modulo = 'modulo' azione = '#' >< tipo di ingresso = 'testo' id = 'spillo' segnaposto = 'Inserisci il PIN' completamento automatico = 'spento' >< fratello > < fratello >
< tipo di ingresso = 'testo' id = 'numero' segnaposto = 'Inserisci il tuo numero di cellulare a 10 cifre' completamento automatico = 'spento' >< fratello >< fratello >
< tipo di pulsante = 'Invia' al clic = 'convalida()' > Invia pulsante >
modulo >
Nel codice sopra:
- Innanzitutto, crea un modulo con l'azione ' # ” il che significa che i dati non verranno inviati da nessuna parte.
- Crea due campi di input, uno per il codice pin e l'altro per il numero di cellulare.
- Creare un ' Invia ” pulsante che chiamerà il “ convalida() ” metodo per convalidare il codice pin e il numero di cellulare.
La pagina HTML avrà il seguente aspetto:
Nel tag