Java Script Controllo di ingresso sotto forma di testo per caratteri speciali

March 5

Utilizzare la funzione indexOf di JavaScript per controllare il testo un utente in un modulo HTML per un carattere speciale. È possibile utilizzare ciò che hai imparato da questo progetto per validare l'input dell'utente, come ad esempio verificando che una casella di testo chiamato "URL tua casa della pagina" ha il carattere "/" utilizzato in tutti gli URL.

Crea pagina Web

Per controllare Ingresso modulo per un carattere speciale, avrete bisogno di una pagina web per ospitare il modulo. Ciò significa che il primo compito in questo progetto è quello di creare una pagina web. Le dichiarazioni che seguono questo sezione contiene una pagina HTML vuota è possibile aggiungere un modulo. Incollare queste dichiarazioni in un nuovo documento WordPad, quindi salvare il documento con qualsiasi nome di file che termina in "htm".
<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>

Creare il modulo

Una volta che avete una pagina HTML valido, creare il modulo di cui si desidera verificare la presenza di caratteri speciali di ingresso. Il tag form HTML crea moduli web. All'interno di questo tag, usare il tag input per creare una casella di testo che conterrà l'input dell'utente che si desidera per la ricerca in. Utilizzare un altro tag input per creare un pulsante per l'utente di presentare il suo testo. Le seguenti istruzioni creano un modulo di esempio con i tag appena descritti. Incollare le istruzioni dopo il tag body in una pagina web vuota.
<Form name = azione "someForm" = "" onsubmit = "return findSpecialChar ()" method = "post">
Indirizzo e-mail: <input type = "text" name = "email">
<Input type = "submit" value = "Invia e-mail">
</ Form>

Scrivi programma JavaScript

Una volta che si dispone di un modulo Web il cui ingresso si desidera cercare un carattere speciale, scrivere un breve programma JavaScript per effettuare tale ricerca. Una parte di questo compito consiste nel collegare il pulsante "Invia" del modulo Web per il codice che cerca di ingresso modulo. Per creare questo link, assegnare il nome del programma JavaScript alla proprietà onSubmit del tag form. La proprietà onSubmit è un esempio di programmazione in base agli eventi. In questo tipo di programmazione, che è un elemento fondamentale di linguaggi orientati agli oggetti come JavaScript, C ++ e Java, è necessario specificare una funzione che sarà chiamata quando si verifica un clic del pulsante o simile evento avviato dall'utente. Il browser chiamerà il seguente programma JavaScript, che va nella sezione head di una pagina HTML, quando un utente fa clic sul pulsante "Invia e-mail" del modulo. Il carattere speciale il programma controlla per è "@". Per verificare la presenza di un personaggio diverso, digitare il "@" con il tuo personaggio, nella dichiarazione che include la funzione indexOf.
<Script type = "text / javascript">
funzione findSpecialChar ()
{
var x = document.forms [ "someForm"] [ "email"] di valore.;
if (x.indexOf ( '@')! = -1) {
alert ( "Il testo forma ha carattere '@'");
} altro {
alert ( "Il testo forma non ha carattere '@'");
} // Fine se

}
</ Script>

Testare il Programma

Utilizzare il browser Web per testare il nuovo programma JavaScript. Aprire il browser Web, quindi fare clic su comando "Apri" il suo di menu "File". Individuare e fare doppio clic sulla pagina web con il programma di JavaScript. Dopo il caricamento della pagina, digitare il testo nella casella di testo, quindi premere il Inviare ". Se il testo immesso ha un carattere che corrisponde a quello del programma JavaScript" dichiarazione indexOf ", il programma segnalerà che ha trovato il carattere . In caso contrario, il programma riporterà non ha trovato il carattere.