Wie man eine Checkbox auf dem E-Mail-Formular

Wenn Ihre Web-Seite ein e-Mail-Formular enthält, können Sie verhindern, dass Benutzer einreichen bis sie bestimmte Aufgaben ausführen. Eine häufige Aufgabe ist eine Checkbox überprüfen. Sie haben wahrscheinlich Seiten gesehen, die einige Bedingungen zustimmen durch Aktivieren eines Kontrollkästchens erforderlich machen. Bis Sie das tun, können nicht Sie das Formular absenden. HTML allein kann nicht sagen, ob ein Häkchen innerhalb einer Checkbox vorhanden ist. Sie müssen eine Skriptsprache verwenden, um diese Aufgabe auszuführen. Durch das Hinzufügen eines Ereignisses "Onsubmit" zu Ihrem e-Mail-Formular, können Sie das Absenden von Formularen verhindern, bis Benutzer Ihre Checkbox überprüfen.

Anweisungen

1 Starten Sie einen HTML-Editor und öffnen Sie ein Webdokument, das ein e-Mail-Formular hat. Suchen Sie HTML-Code des Formulars. Es wird wahrscheinlich ähnlich wie der folgende Code aussehen:

< Formularname = "emailformulier" action="processForm.php"

Methode = "post" >

Name: < Eingang Typ = "Text" Name = "name" >

E-Mail-Adresse: < Eingang Typ = "Text" Name = "EmailAddress" >

< Eingang Typ = "submit" Value = "Email senden" >

< / form >

Eröffnung "< Form"-Tag, gezeigt auf der Linie 1, bestimmt die Form. Das abschließende "< / form >" Tag endet der Formulardeklaration. Fügen Sie den folgenden Text nach dem schließenden Tag "< / form >":

< Eingabe-Id = "Checkbox1" Type = "Checkbox" / >

Dies fügt eine Checkbox, dessen ID ist "Checkbox1."

2 Ändern die Eröffnung "< Form" Tag durch den folgenden Text an das Ende dieser Angabe Tag anhängen:

Onsubmit = "return validateForm('Checkbox1')"

Dieses "Onsubmit" Attribut weist Browsern die JavaScript-Funktion namens "ValidateForm" vor dem Senden des Formulars aufrufen. Dieses Attribut übergibt die ID der Checkbox, die Sie überprüfen möchten. Nach dem Anfügen dieser Text auf Ihrem Formular Eröffnung "< Form" zu kennzeichnen, dass Tag Code angezeigt werden kann, wie unten dargestellt:

< Formularname = "emailformulier" action="processForm.php"

Methode = "post" Onsubmit = "return validateForm('Checkbox1')" >

3 Fügen Sie diese "ValidateForm"-Funktion, "Skript" Abschnitt des Dokuments:

Funktion validateForm(checkboxID) {}

Var-Checkbox = document.getElementById(checkboxID);

Wenn (checkbox.checked == False) {}

Alert ("Bitte aktivieren Sie das Kontrollkästchen");

false zurück;

}

sonst

true zurück.

}

Diese Funktion wird von "Onsubmit"-Ereignis des Formulars, untersucht die Checkbox "überprüft" Zustand. Wenn sie feststellt, dass der Aktivierungszustand false ist, es wird eine Fehlermeldung angezeigt und fordert den Benutzer auf ein Häkchen in das Kontrollkästchen platzieren. Andernfalls gibt die Funktion den Wert "True" auf das Formular.

4 Speichern Sie das Dokument, und öffnen Sie es in einem Browser. Klicken Sie im Formular einreichen Knopf ohne dass ein Häkchen in das Kontrollkästchen. Die Validierungsfunktion läuft und zeigt die Meldung "Bitte setzen Sie ein Häkchen in das Kontrollkästchen".

5 Aktivieren Sie das Kontrollkästchen, um das Kontrollkästchen ein Häkchen hinzuzufügen, und klicken Sie erneut. Die Seite sendet das e-Mail-Formular.

Tipps & Warnungen

• Beachten Sie, dass der ID-Wert, den Sie der Funktion "ValidateForm übergeben" von Checkbox-ID identisch sein muss, die Sie überprüfen möchten. Die Funktion braucht diese ID, um seinen Aktivierungszustand zu untersuchen.