Le caselle di testo sono alcuni degli elementi più frequentemente visto su una pagina Web. Gli sviluppatori utilizzano le caselle di testo per rilevare dati da visitatori del sito. Manipolazione testo inserito dai visitatori del sito è un compito di programmazione comune Web. JavaScript consente il codice di esaminare ingresso di un utente, convalidarlo e anche cambiare i caratteri nella stringa di testo inserito. Ad esempio, se il database richiede i numeri di telefono o di sicurezza sociale per contenere trattini, è possibile utilizzare JavaScript per rimuovere tutti i trattini dal testo.

istruzione

1 Avviare Blocco note e aprire uno dei file HTML.

2 Aggiungere il seguente codice alla sezione "corpo" del documento:

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

<Input id = type = valore "Button1 tasto" "" = "Converti trattini per Blanks" onclick = "ConvertToBlanks () tornare" />

<Input id = "Button2" type = valore "pulsante" = "Rimuovi trattini" onclick = "RemoveDashes () tornare" />

Questo crea una casella di testo e due pulsanti. Quando si fa clic, la "Conversione trattini per Blanks" pulsante chiama una funzione JavaScript denominata "ConvertToBlanks" che rimuove converte trattini per gli spazi in una stringa di testo. Il pulsante "Rimuovi trattini" chiama la funzione JavaScript denominato "Rimuovi trattini." Questa funzione rimuove i trattini e non lascia spazi nel testo. Questo è utile quando è necessario convertire una stringa come "123-456" a "123456", invece di convertirlo in "123 456."

3 Aggiungere questo codice alla sezione "testa" del documento:

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

ConvertToBlanks function () {

var = trattino "-";

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

var = textString textBoxObject.value;

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

alert ( "Nuovo testo =" + newTextString);

}

RemoveDashes function () {

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

var = textString textBoxObject.value;

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

alert ( "Nuovo testo =" + newTextString);

}

</ Script>

La funzione "ConvertToBlanks" recupera il testo dalla casella di testo e lo memorizza nella variabile denominata "textString." La funzione quindi esegue il metodo "sostituire" come mostrato in questa affermazione:

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

Il metodo "sostituire" prende due parametri. Il primo parametro, tra le barre, è il carattere che si desidera sostituire. Il secondo parametro definisce il carattere di sostituzione. In questo esempio, il personaggio di sostituire è il cruscotto. Il carattere di sostituzione è un vuoto. La funzione "RemoveDashes" è simile alla funzione "ConvertToBlanks". Si noti, tuttavia, come il suo metodo di "sostituire" differisce. Il carattere di sostituzione nella funzione "RemoveDashes" è "". Questo crea un carattere null e converte valori come "123-456" a "123456" mettendo a nudo via il trattino e senza lasciare spazio al posto del trattino.

4 Salvare il file HTML, e aprirlo nel browser. Inserire "123-456-78" nella casella di testo e fare clic su "ConvertToBlanks." Una finestra di messaggio viene visualizzato il testo convertito, "123 456 78." Fare clic sul pulsante "Rimuovi trattini". La finestra di messaggio visualizza "12345678."

Consigli e avvertenze

• In questo esempio, il testo sorgente proviene da una casella di testo. È possibile utilizzare il metodo di sostituzione per rimuovere i trattini, indipendentemente da dove il codice ottiene il testo. Per esempio, se il codice recupera una stringa di testo da un database, è possibile utilizzare il metodo di sostituzione per rimuovere i trattini prima di visualizzarlo nella pagina Web.