Se la pagina Web contiene un modulo di posta elettronica, è possibile impedire agli utenti di invio fino a quando essi eseguire determinate attività. Un'attività comune è una casella di controllo. Probabilmente avete visto siti che richiedono di accettare alcuni termini selezionando una casella di controllo. Fino a quando lo fai, è possibile inviare il modulo. HTML da solo non può dire se è un segno di spunta presente all'interno di una casella di controllo. Per eseguire questa operazione, è necessario utilizzare un linguaggio di scripting. Aggiungendo un evento "onsubmit" al modulo e-mail, è possibile impedire l'invio di moduli fino a utenti selezionare la casella di controllo.

Istruzioni

1

Avviare un editor HTML e aprire un documento Web che ha un modulo e-mail. Individuare il codice HTML del form. Probabilmente sarà simile al codice riportato di seguito:

< nome modulo = "emailForm" action="processForm.php"

Metodo = "post" >

Nome: < input type = "testo" nome = "nome" >

Indirizzo email: < input type = "testo" nome = "emailAddress" >

< input type = "submit" value = "Invia Email" >

< / form >

L'apertura "< forma" tag, sulla linea 1, definisce la forma. La chiusura "< / form >" tag termina la dichiarazione di modulo. Incollare il seguente testo dopo la chiusura tag "< / form >":

< input id = "Checkbox1" type = "checkbox" / >

Questo aggiunge una casella di controllo cui ID è "Checkbox1."

2

Modificare l'apertura "< forma" tag aggiungendo il seguente testo alla fine di tale dichiarazione delle variabili:

onsubmit = "return validateForm('Checkbox1')"

Questo attributo "onsubmit" racconta browser per chiamare la funzione JavaScript denominata "validateForm" prima di inviare il modulo. Questo attributo passa l'ID della casella di controllo che si desidera convalidare. Dopo l'aggiunta di questo testo in apertura del form "< forma" tag, che il codice del tag può apparire come mostrato di seguito:

< nome modulo = "emailForm" action="processForm.php"

Metodo = "post" onsubmit = "return validateForm('Checkbox1')" >

3

Aggiungere questa funzione di "validateForm" alla sezione "script" del documento:

Function validateForm(checkboxID) () {

casella di controllo var = document.getElementById(checkboxID);

Se (CheckBox = = false) {

Alert ("selezionare la casella di controllo");

restituire false;

}

altro

Restituisce true;

}

Questa funzione, chiamata dall'evento del form "onsubmit", esamina stato "controllato" della casella di controllo. Se scopre che lo stato del controllo è false, Visualizza un messaggio di errore e chiede all'utente di inserire un segno di spunta nella casella di controllo. In caso contrario, la funzione restituisce un valore "true" al form.

4

Salvare il documento e aprirlo in un browser. Fare clic sul modulo pulsante di invio senza inserire un segno di spunta nella casella di controllo. La funzione di convalida viene eseguita e viene visualizzato il messaggio "Si prega di inserire un check nella casella di controllo".

5

Fare clic sulla casella per aggiungere un segno di spunta alla casella di controllo e fare clic sul pulsante nuovo. La pagina Invia il tuo modulo di posta elettronica.

Consigli & Avvertenze

• Si noti che il valore di ID che si passa alla funzione "validateForm" deve essere lo stesso come l'ID della casella di controllo che si desidera verificare. La funzione deve tale ID al fine di esaminare lo stato di selezione.