Come scrivere un numero di cellulare in modo internazionale usando JavaScript?
Lavorare con i numeri di cellulare è qualcosa di importante, soprattutto quando si prendono i dati dal database e la mostra all'utente sul browser Web. In tali scenari, il programmatore deve assicurarsi che il numero di cellulare sia formattato in un certo formato internazionale.
Questo articolo spiegherà come prendere un numero di cellulare, formattalo in modo internazionale e mostrarlo all'utente. E il formato internazionale per il numero di cellulare sarà "E-164", che si intitola il formato internazionale di numerazione delle telecomunicazioni pubbliche.
Passo 1: Crea una pagina HTML
Inizio semplice creando una pagina Web HTML per richiedere l'utente e mostrare il numero formattato con le seguenti righe:
Immettere il numero nella casella prompt
Nelle righe sopra:
- IL Onload La proprietà è impostata su tag che cerca il inizio() funzione in JavaScript sul caricamento completo della pagina web.
- UN Il tag viene creato per avvisare l'utente
- Un div con l'ID "numero" viene creato per stampare il numero di cellulare formattato
L'esecuzione del documento HTML mostrerà la seguente pagina Web sul browser:
Questa pagina web non fa nulla, questo cambierà nel prossimo passaggio
Passaggio 2: codice JavaScript per il numero di cellulare formattato in E.164
Nel file JavaScript o all'interno del Tag, crea un nome di funzione come start () che verrà eseguito al caricamento completo della pagina web:
funzione start ()// le prossime righe appartengono qui
In questa funzione, utilizzare una casella prompt per ottenere l'input dall'utente e memorizzarlo all'interno della variabile "Nomernumber":
var nSuccessivamente, applica il metodo Match () sulla variabile Nomernumber Con l'aiuto di un operatore DOT. Confronteremo l'input dell'utente con il regex per verificare che si tratti di un numero di cella corretto:
VAR RISULLE = NUMERO NUE.Match (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);Dopodiché, controlla il risultato variabile o più specificamente il valore all'indice 1 per il paese da abbinare al valore "1":
var ccode = risultato [1] ? "+1": "";Una volta, quell'input viene verificato, è sufficiente formattare la stringa nel formato E-164 corretto da inserire nella pagina Web con quanto segue:
VAR FORMATEDNumber = cCode + "(" + risultato [2] + ")" + risultato [3] + "-" + risultato [4];E poi l'ultimo passo è accedere al div con l'ID come "numero", e quindi impostare il suo valore interno Numero formato variabile:
documento.getElementById ("numero").InnerHtml = "Il numero internazionale è:" + formattato Number;Il frammento di codice JavaScript completo è come:
funzione start ()var n
VAR RISULLE = NUMERO NUE.Match (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);
var ccode = risultato [1] ? "+1": "";
var formatEdNumber =
cCode + "(" + risultato [2] + ")" + risultato [3] + "-" + risultato [4];
documento.getElementById ("numero").InnerHtml =
"Il numero internazionale è:" + FormatEdNumber;
Passaggio 3: testare l'output
Dopo aver finito con i primi due passaggi, eseguire il documento HTML e, quando richiesto, digitare il numero di cellulare corretto e osservare il seguente output:
Il numero inserito è stato convertito in E-164 formato numerico
Incartare
Un numero di cellulare può essere facilmente convertito in modo internazionale o secondo l'E-164 con l'aiuto di JavaScript. Per questo, prendi il numero di cellulare dall'utente, abbinalo a un regex per verificarne l'integrità e quindi formattalo utilizzando le tecniche di manipolazione delle stringhe. In questo articolo, tutti questi passaggi sono spiegati in dettaglio passo dopo passo.