Come convalidare il codice PIN e il numero di cellulare in JavaScript
Questo tutorial descriverà il metodo per convalidare i codici PIN e i numeri di cellulare usando 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 "incontro()"Metodo in JavaScript. Il metodo Match () corrisponde al valore all'espressione regolare, se viene abbinato, il metodo restituirà vero, altrimenti darà False.
REGEX MODELLO PER VALITARE CODICE PIN
I codici PIN sono generalmente codici a 4 cifre, a 5 cifre o a 6 cifre. Qui, scriveremo il regex per convalidare il codice PIN a 6 cifre:
/^\ d 6 $/Nel modello sopra:
- "/"Il carattere di slash in avanti viene utilizzato per fare riferimento ai confini dell'espressione/modello regolare.
- "^"Rappresenta l'inizio del numero.
- "D"Indica le cifre.
- ""Indica il limite che è"6".
- "\"Il personaggio di Backslash è il personaggio di fuga.
- "$"Indica la fine della stringa.
REGEX MODELLO PER VALITARE IL NUMERO DI MIBILE
È 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 link per controllare i diversi regex per convalidare i numeri di telefono.
Qui discuteremo dei due formati comuni uno è solo numeri con una lunghezza di 10:
/^\ d 3 \ d 3 \ d 4 $/Il regex sopra indica che è possibile inserire solo 10 cifre come numero di telefono senza delimitatore come lo spazio o qualsiasi carattere speciale tra cui "+","-" O "()".
Esempio
Prima progettiamo la pagina Web e quindi usi JavaScript per convalidare il codice PIN e il numero di cellulare. Vai al tuo file HTML e incolla il seguente codice lì:
Nel codice sopra:
- Innanzitutto, crea una forma 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 "inviaPulsante "che chiamerà"convalida ()"Metodo per convalidare il codice PIN e il numero di cellulare.
La pagina HTML sembrerà come segue:
Nel tag o nel file JavaScript, incolla le seguenti righe di codice:
functionvalidation (pin, mobile)var pin = documento.getElementById ('pin').valore;
var mobilinumber = documento.getElementById ('Number').valore;
pinRegexPattern = /^\ d 6 $ /;
mobragexpattern = /^\ d 3 \ d 3 \ d 4 $ /;
Se (pin.Match (PinReGexPattern) && Mobiliumberum.match (mobragexpattern))
Avviso ("PIN e Numero di cellulare è validato!");
ReturnTrue;
Se (pin.match (pinregexpattern) 6)
Avviso ("Il pin deve essere 6 cifre!");
ReturnTrue;
altro
Avviso ("Hai inserito un pin e un numero di cellulare non valido!");
ReturnFalse;
Nello snippet sopra:
- Innanzitutto, definire una funzione "convalida"Con due parametri,"spillo" E "mobile".
- Ottieni i valori di input dei campi di testo, come il numero di cellulare e il codice PIN.
- Definire i modelli di regex sia per il codice PIN che per il numero di cellulare.
- Ora, in un'istruzione condizionale, controlla i valori di input del codice PIN e del numero di cellulare e chiama il metodo Match () passando il regex che verificherà se il valore corrisponde al modello. Se corrisponde, il metodo emetterà vero, altrimenti restituisce falso.
Puoi vedere nell'output se il codice PIN è inferiore o superiore al limite "6", Alert si presenta. Se il pin e il numero di cellulare corrispondono al modello dato, mostrerà il messaggio per la convalida:
Ora useremo un altro modello per convalidare i numeri di cellulare che sono la lunghezza di 13, incluso Delimiter (+) che indicherà il codice del paese:
/^[\+] [0-9] 2 [0-9] 3 [0-9] 3 [0-9] 4 $/Nel pattern regex sopra:
- "^"Segna l'inizio della stringa.
- I confini dell'espressione regolare sono indicati dal carattere di slash in avanti "/".
- ""Rappresenta il limite.
- "$"Indica che la stringa è terminata.
- "[0-9] 2 .. ."Rappresenta le due cifre accanto al delimitatore + nella variazione di 0 a 9.
Nel codice JavaScript, useremo lo stesso codice sopra sostituendo solo il "mobileregexpattern":
mobragexpattern = /^[\+] [0-9] 2 [0-9] 3 [0-9] 3 [0-9] 4 $ /;Produzione
Si trattava di convalidare il codice PIN e il numero di cellulare in JavaScript.
Conclusione
Per convalidare i codici PIN e i numeri di cellulare, utilizzare il "espressioni regolari" con il "incontro()"Metodo, che corrisponderà ai valori di input al modello dato; Se corrisponde, restituisce vero, oppure dà falso. In questo tutorial, abbiamo descritto il metodo per convalidare i codici PIN e i numeri di cellulare utilizzando JavaScript.