JavaScript è un linguaggio utile per aggiungere qualsiasi tipo di elementi interattivi o dinamici a HyperText Markup Language (HTML). Mentre JavaScript ha una sintassi diversa da quella di HTML, può essere facilmente integrato o si fa riferimento al codice HTML esistente. Al fine di verificare l'input dell'utente in un sito web, JavaScript è spesso estremamente utile. È possibile utilizzare JavaScript per controllare l'input per qualsiasi condizione che si desidera e creare una serie di processi da eseguire a seconda del risultato.

istruzione

1 Aprire il codice HTML in un programma di elaborazione testi.

2 Creare una funzione in JavaScript a cui invierete l'ingresso. Questa funzione deve andare sia nella testa o il corpo del codice HTML. Assicurarsi di etichettare la funzione in modo che sia facile da ricordare. Ad esempio, si consideri il codice:

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

test di funzionalita(){
}

</ Script>

Questo crea una funzione denominata "test" che possono poi essere chiamato dal codice HTML.

3 Modificare il tag form HTML per chiamare la funzione JavaScript. Questo può essere fatto in diversi modi. Uno dei metodi più semplici è quello di utilizzare l'attributo "onclick" all'interno di un tag di ingresso:

<Form name = azione "pronta" = "" method = "get">
Numero:
<Input type = "text" name = "input">
<Input type = "submit" value = "Invia" onclick = "javascript: Prova di ritorno ();">
</ Form>

Nella funzione, collegare la variabile in funzione con l'ingresso nella forma. Per esempio:

test di funzionalita(){
Ingresso var = document.prompt.number.value

Questo può anche essere fatto utilizzando document.prompt.number.value ovunque si desidera chiamare i dati presentati. Verificare sempre che i vostri nomi all'interno della funzione sono esattamente le stesse che appaiono all'interno dei tag di forma (e con il document.formname.inputname.value sintassi). Inoltre, una variabile può essere chiamato all'interno della funzione assegnando l'ingresso presentato un ID, e utilizzando document.getElementById invece.

4 Creazione di un "if" all'interno della vostra funzione. All'interno di questa "if", verificare la condizione desiderata. Per esempio, se si desidera verificare se un numero intero di ingresso è superiore a 5, scrivere:

test di funzionalita(){
se (ingresso> 5)
{...}

All'interno delle parentesi che seguono il "se" clausola di inserire le azioni che si desidera avere eseguito se il numero intero soddisfa la condizione. Creare ulteriori "se" clausole in caso di condizioni multiple. Assicurati di includere anche una clausola di "altro", che descrive cosa fare se l'ingresso non soddisfa le condizioni. Per esempio,

altro{
alert ( "Il vostro contributo non soddisfa le condizioni!");
return false;
}