Hvordan bruke Javascript for å fjerne streker

Tekstbokser er noen av de mest sett elementer på en webside. Utviklere bruker tekstbokser til å fange opp data fra besøkende. Manipulere tekst skrevet inn av besøkende er en vanlig web-programmering oppgave. Javascript gjør koden din for å undersøke en brukerens input, validere den og selv endre tegn i teksten streng. For eksempel, hvis databasen krever telefonen eller personnumre til å inneholde noen streker, kan du bruke Javascript for å fjerne alle streker fra teksten.

Bruksanvisning

1 Start Notepad og åpne en av HTML-filer.

2 Legg til følgende kode i dokumentet "body" -delen:

<Input id = "Textbox1" type = "text" />

<Input id = "Button1" type = "button" value = "Konverter Streker til Blanks" onclick = "return ConvertToBlanks ()" />

<Input id = "Button2" type = "button" value = "Fjern Streker" onclick = "return RemoveDashes ()" />

Dette skaper en tekstboks og to knapper. Når klikket, på "Konverter Streker til Blanks" -knappen kaller en Javascript-funksjon som heter "ConvertToBlanks" som fjerner konvertitter streker på blanks i en tekststreng. "Fjern Streker" -knappen kaller Javascript-funksjonen som heter "Fjern Streker." Denne funksjonen fjerner streker og etterlater ingen mellomrom i teksten. Dette er nyttig når du trenger å konvertere en streng som "123-456" til "123456", i stedet for å konvertere den til "123 456."

3 Legg denne koden til dokumentets "head" -seksjonen:

<Script language = "javascript" type = "text / javascript">

funksjons ConvertToBlanks () {

Var dash = "-";

Var textBoxObject = document.getElementById ( "Textbox1");

Var textString = textBoxObject.value;

Var newTextString = textString.replace (/ - / gi, "");

alert ( "New Text =" + newTextString);

}

funksjons RemoveDashes () {

Var textBoxObject = document.getElementById ( "Textbox1");

Var textString = textBoxObject.value;

Var newTextString = textString.replace (/ - / gi, "");

alert ( "New Text =" + newTextString);

}

</ Script>

Den "ConvertToBlanks" -funksjonen henter teksten fra tekstboksen og lagrer den i variabelen som heter "textString." Funksjonen utfører deretter "erstatte" metode som er vist i denne uttalelsen:

Var newTextString = textString.replace (/ - / gi, "");

Den "erstatte" metoden tar to parametre. Den første parameteren, mellom skråstreker, er tegnet du vil erstatte. Den andre parameteren definerer erstatning karakter. I dette eksempelet, tegnet for å erstatte er dashbordet. Erstatningen karakter er en blank. Den "RemoveDashes" funksjon er lik den "ConvertToBlanks" -funksjon. Vær imidlertid oppmerksom på hvordan den "erstatte" metoden skiller. Erstatningen karakter i "RemoveDashes" -funksjonen er "". Dette skaper en null karakter og konverterer verdier som "123-456" til "123456" av stripping bort dashbordet og slik at ingen plass i stedet for bindestrek.

4 Lagre HTML-filen, og åpne den i nettleseren din. Skriv "123-456-78" i tekstboksen og klikk "ConvertToBlanks." En meldingsboks viser konvertert tekst, "123 456 78." Klikk "Fjern Streker" -knappen. Meldingsboksen vises «12345678»

Hint

• I dette eksempelet gjelder kildeteksten fra en tekstboks. Du kan bruke erstatte metoden for å fjerne streker, uansett hvor koden får teksten. For eksempel, hvis koden henter en tekststreng fra en database, kan du bruke erstatte metoden for å fjerne streker før bildet vises på websiden.