Hvordan skrive et mobiltelefonnummer på en internasjonal måte ved hjelp av JavaScript?
Å jobbe med mobiltelefonnumre er noe som er viktig, spesielt når du henter data fra databasen og viser det til brukeren på nettleseren. I slike scenarier må programmereren sørge for at mobiltelefonnummeret er formatert i et visst internasjonalt format.
Denne artikkelen vil forklare hvordan du tar et mobiltelefonnummer, formater det på en internasjonal måte og viser det tilbake til brukeren. Og det internasjonale formatet for mobiltelefonnummeret vil være “E-164”, som har tittelen International Public Telecommunication Numbering Format.
Trinn 1: Lag en HTML -side
Enkel start med å opprette en HTML -webside for å be brukeren og vise det formaterte nummeret med følgende linjer:
Skriv inn nummeret i ledeteksten
I linjene ovenfor:
- De på Last Eiendommen er satt på Tag som ser etter start() Funksjon i JavaScript på fullstendig lasting av nettsiden.
- EN Tag er opprettet for å varsle brukeren
- En div med ID "Antall" er opprettet for å skrive ut det formaterte mobiltelefonnummeret
Å kjøre HTML -dokumentet viser følgende webside i nettleseren:
Denne websiden gjør ikke noe, dette vil endre seg i neste trinn
Trinn 2: JavaScript -kode for formatert mobiltelefonnummer i E.164
I JavaScript -filen, eller inne i Tag, lag et funksjonsnavn som start () som kommer til å bli utført ved fullstendig lasting av websiden:
funksjonstart ()// Kommende linjer hører hjemme
I denne funksjonen, bruk en hurtigboks for å få innspill fra brukeren og lagre den inne i variabelen “Bruker”:
var brukernummer = spør ("Skriv inn ditt cellenummer");Etter det, bruk kampmetoden () på variabelen Bruker Ved hjelp av en prikkoperatør. Vi vil sammenligne inngangen fra brukeren mot regex for å bekrefte at det er et riktig cellenummer:
var resultat = brukernummer.Match (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);Etter det, sjekk resultat variabel eller mer spesifikt verdien ved indeks 1 for at landet skal samsvare med verdien “1”:
var ccode = resultat [1] ? "+1": "";En gang blir den inndata bekreftet, bare format fra strengen i riktig E-164-format som skal legges på websiden med følgende:
var formatertnummer = ccode + "(" + resultat [2] + ")" + resultat [3] + "-" + resultat [4];Og så er det siste trinnet å få tilgang til div med IDen som "Antall", og setter deretter sin indrehtml -verdi til formatertnummer variabel:
dokument.getElementById ("Nummer").INNERHTML = "Det internasjonale tallet er:" + formatertnummer;Det komplette JavaScript -kodebiten er som:
funksjonstart ()var brukernummer = spør ("Skriv inn ditt cellenummer");
var resultat = brukernummer.Match (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);
var ccode = resultat [1] ? "+1": "";
var formatertnummer =
ccode + "(" + resultat [2] + ")" + resultat [3] + "-" + resultat [4];
dokument.getElementById ("Nummer").indrehtml =
"Det internasjonale tallet er:" + formaterte numner;
Trinn 3: Testing av utgangen
Etter at du er ferdig med de to første trinnene, kjør HTML -dokumentet, og skriv inn riktig mobiltelefonnummer og følg følgende utdata:
Det innsatte nummeret ble konvertert i E-164 Nummerformat
Innpakning
Et mobiltelefonnummer kan enkelt konverteres på en internasjonal måte eller i henhold til E-164 ved hjelp av JavaScript. For dette, ta mobiltelefonnummeret fra brukeren, match det mot en regex for å bekrefte dens integritet og formatere den deretter ved å bruke strengmanipulasjonsteknikkene. I denne artikkelen blir alle disse trinnene forklart i detalj trinn for trinn.