Come fare una Casella di controllo Richiesto su un modulo e-mail

September 12

Come fare una Casella di controllo Richiesto su un modulo e-mail


Se la pagina Web contiene un modulo di e-mail, si potrebbe desiderare di impedire agli utenti di presentare fino a quando non svolgere determinati compiti. Un compito comune sta verificando una casella di controllo. Hai i siti che richiedono di accettare alcuni termini per il controllo di una casella di controllo probabilmente visto. Fino a quando lo fai, non è possibile inviare il modulo. HTML da solo non può dire se un segno di spunta esiste all'interno di una casella di controllo. È necessario utilizzare un linguaggio di scripting per eseguire questa operazione. Con l'aggiunta di un evento "onSubmit" per il modulo e-mail, è possibile impedire modulo di invio fino agli utenti di controllare la vostra casella di controllo.

istruzione

1 Avviare un editor HTML e aprire un documento Web che ha una forma di posta elettronica. Individuare il codice HTML del form. Sarà probabilmente un aspetto simile al codice riportato di seguito:

<Form name = azione "emailForm" = "processForm.php"

method = "post">

Nome: <input type = "text" name = "nome">

Indirizzo e-mail: <input type = "text" name = "emailAddress">

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

</ Form>

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

<Input id = "CheckBox1" type = "checkbox" />

Questo aggiunge una casella di controllo il cui ID è "CheckBox1."

2 Modificare il tag di apertura "<form" aggiungendo il seguente testo alla fine di questa dichiarazione tag:

onSubmit = "return ValidateForm ( 'CheckBox1')"

Questo attributo "onsubmit" dice browser per chiamare la funzione JavaScript denominato "ValidateForm" prima di inviare il modulo. Questo attributo passa l'ID della casella di controllo che si desidera convalidare. Dopo aggiungendo questo testo per l'apertura del modulo tag "<form", il codice che del tag può apparire come illustrato di seguito:

<Form name = azione "emailForm" = "processForm.php"

method = "post" onsubmit = "return ValidateForm ( 'CheckBox1')">

3 Aggiungere la funzione "ValidateForm" alla sezione "script" del documento:

Funzione ValidateForm (checkboxID) {

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

if (checkbox.checked == false) {

alert ( "Si prega di verificare la casella di controllo");

return false;

}

altro

return true;

}

Questa funzione, chiamata da evento "onSubmit" del form, esamina lo stato "controllato" della casella di controllo. Se si scopre che lo Stato assegno è falso, viene visualizzato 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" per la forma.

4 Salvare il documento e aprirlo in un browser. Fare clic sul pulsante di modulo di presentare senza mettendo un segno di spunta nella casella di controllo. La funzione di validazione viene eseguito e visualizza la "Si prega di inserire un segno di spunta nella casella di controllo" messaggio.

5 Fare clic sulla casella di controllo per aggiungere un segno di spunta alla casella di controllo, e fare di nuovo clic sul pulsante. La pagina presenta il vostro modulo e-mail.

Consigli e avvertenze

  • Si noti che il valore di ID si passa alla funzione "ValidateForm" deve essere la stessa della ID della casella di controllo che si desidera verificare. La funzione richiede che ID al fine di esaminare il suo stato controllato.