Hallo zusammen!
Ich hoffe, ich finde hier für meine Frage Hilfe:
Und zwar habe ich ein normales E-Mail-Kontaktforumlar auf meiner Internetseite erstellt. Das ganze funktioniert auch super.
Jetzt möchte ich allerdings eine weitere Option einfügen - derjenige, der mir über dieses Kontaktformular eine Nachricht senden möchte, muß zuvor bestätigen, daß er meine Datenschutzerklärung gelesen hat.
Wie kann ich das umsetzen?
Das entsprechende Markierungsfeld habe ich erzeugt - nur möchte ich das Absenden ab hängig machen, von dem Ankreuzen dieses Markierungsfeldes....
Ich danke für Ihre Ratschläge!
Ins Formular eine Checkbox reinsetzten und diese als Required setzen.
Wenn diese nicht ausgefüllt ist, dann wird das Formular nicht abgesendet?
Oder denke ich da zu einfach?
Lieben Gruß
Tevsa
Danke für Ihre Antwort.
Die Checkbox habe ich gesetzt, weiß allerdings nicht, wie ich die auf required setzen kann.
Bei Textfeldern habe ich ja die Option, das Feld als "benötigt" zu markieren - das geht aber bei der Checkbox nicht...!?
Danke nochmals im voraus für Ihre Antwort.
hi,
wir haben das mit mailformplus so gelöst:
<div align="center">
<input name="AGB_akzeptiert" type="checkbox" value="ja" />
Ich akzeptiere die geltenden <a href="index.php?id=1406" target="_blank">Anmeldebedingungen</a>
</div>
und vor´s formular ein stücken js:
<script language="JavaScript" type="text/JavaScript">
<!--
function chkFormular() {
if (document.Formular.Name.value == "") {
alert("Bitte geben Sie Ihren Namen an. Danke.");
document.Formular.Name.focus();
return false;
}
if (document.Formular.Vorname.value == "") {
alert("Bitte geben Sie Ihren Vornamen an. Danke.");
document.Formular.Vorname.focus();
return false;
}
if (document.Formular.AGB_akzeptiert.checked == 0) {
alert("Bitte bestätigen Sie, dass Sie mit unseren AGB einverstanden sind. Danke.");
document.Formular.AGB_akzeptiert.focus();
return false;
}
return true;
}
//-->
</script>
<form name="Formular" method="post" onSubmit="return chkFormular()"...
lieben gruß,
andré
Hallo HerrJeh und vielen Dank für die Hilfe. Bei mir hat's aber irgendwie nicht geklappt und mein Formular sieht jetzt ziemlich chaotisch aus:
<!-- ###Datenschutz Java begin -->
<script language="JavaScript" type="text/JavaScript">
<!--
function chkFormular() {
if (document.Formular.DS_akzeptiert.checked == 0) {
alert("Bitte bestätigen Sie, dass Sie mit der Datenschutzerklärung einverstanden sind. Danke.");
document.Formular.DS_akzeptiert.focus();
return false;
}
return true;
}
//-->
</script>
<!-- ###Datenschutz Java end -->
<!-- ###TEMPLATE_FORM### Form begin -->
<form name="form###PID###"action="index.php?id=###PID###" method="post">
<!-- versteckte Felder begin -->
<input type="hidden" name="L" value="0">
<input type="hidden" name="id" value="###PID###">
<input type="hidden" name="submitted" value="1" />
<!-- versteckte Felder end -->
<fieldset>
<br />
<legend>Ihre Kontaktdaten:</legend>
<label for="anrede" style="display: block; float: left; width: 100px;">Anrede: </label>
<span ###error_anrede###>
<select name="anrede" id="anrede" size="1">
<option value="" ###selected_anrede_###>bitte auswählen</option>
<option value="Frau" ###selected_anrede_Frau###>Frau</option>
<option value="Frau Dr." ###selected_anrede_FrauDr###>Frau Dr.</option>
<option value="Herr" ###selected_anrede_Herr###>Herr</option>
<option value="Herr Dr." ###selected_anrede_HerrDr###>Herr Dr.</option>
</select></span><br />
<label for="vorname" style="display: block; float: left; width: 100px;">Vorname:</label>
<input type="text" name="vorname" id="vorname" value="" size="35" />
<br />
<label for="name" style="display: block; float: left; width: 100px;">Name: </label>
<input type="text" name="name" id="name" value="" size="35" ###error_name### />
<br />
<label for="firma" style="display: block; float: left; width: 100px;">Firma:</label>
<input type="text" name="firma" id="firma" value="" size="35" />
<br />
<label for="telefon" style="display: block; float: left; width: 100px;">Telefon:</label>
<input type="text" name="telefon" id="telefon" value="" size="35" />
<br />
<label for="fax" style="display: block; float: left; width: 100px;">Telefax:</label>
<input type="text" name="fax" id="fax" value="" size="35" />
<br />
<label for="email" style="display: block; float: left; width: 100px;">E-Mail: </label>
<input type="text" name="email" id="email" value="" size="35" ###error_email### />
<br />
<label for="www" style="display: block; float: left; width: 100px;">Internet:</label>
<input type="text" name="www" id="www" value="" size="35" />
<br />
</fieldset>
<br />
<fieldset>
<br />
<legend>Ihre Mitteilung an die __</legend>
<label for="antwort"> </label>
<span style="float:left; ###error_antwort###">
<textarea id="antwort" name="antwort" rows="6" cols="40"> </textarea>
</span>
</fieldset>
<br style="clear: left;" />
<!-- Checkbox Datenschutz begin -->
<div align="left">
<input name="DS_akzeptiert" type="checkbox" value="ja" />
Ich habe die <a href="index.php?id=54" target="_blank">Datenschutzerklärung </a>zur Kenntnis genommen und bin mit ihrer Geltung einverstanden.
</div>
<p>
<p>
<p>
<!-- Checkbox Datenschutz end -->
<!-- Buttons einfügen begin -->
<p>
<p>
<input type="submit" value="Absenden" />
<br /><br />
</form>
<!-- Buttons einfügen end -->
<!-- Prüf begin -->
<!-- Prüf end -->
<!-- ###TEMPLATE_FORM### Form end -->
<!-- ###TEMPLATE_EMAIL_USER### begin
email text that is sent to the user (plaintext!)
-->
Sehr geehrte Interessentin,
sehr geehrter Interessent,
ich bedanke mich vielmals fuer Ihre Anfrage ueber meine
Internetseite www.___.de
Sie erhalten mit dieser E-Mail die Informationen, die Sie
in mein Kontaktformular eingetragen haben:
-----------------------------------------------------
Ihr Name: ###vorname### ###name###
Ihre Firma: ###firma###
Ihre Telefonnummer: ###telefon###
Ihre Faxnummer: ###fax###
Ihre E-Mail-Adresse: ###email###
Ihre Internet-Adresse: ###www###
Ihre Nachricht:
###antwort###
-----------------------------------------------------
In allen Faellen der gewuenschten Kontaktaufnahme Ihrerseits
werde ich mich schnellstmoeglich mit Ihnen in
Verbindung setzen und Ihnen gern antworten.
Sollten Sie diese Eintragungen nicht getaetigt haben,
koennte ein Dritter diese Daten mit Angabe Ihrer
E-Mailadresse an mich geschickt haben.
Geben Sie mir in diesem Fall bitte einen kurzen Hinweis.
Die dieser Nachricht zugrundeliegende Datenschutzerklaerung ist
ueber die Internetadresse ___
jederzeit abrufbar.
Mit freundlichen Gruessen
__
<!-- ###TEMPLATE_EMAIL_USER### end -->
<!-- ###TEMPLATE_ERROR### begin -->
<!-- ###ERROR_anrede### begin -->
style="border: thin solid #D94800;"
<!-- ###ERROR_anrede### end -->
<!-- ###ERROR_name### begin -->
style="border: thin solid #D94800;"
<!-- ###ERROR_name### end -->
<!-- ###ERROR_email### begin -->
style="border: thin solid #D94800;"
<!-- ###ERROR_email### end -->
<!-- ###ERROR_antwort### begin -->
border: thin solid #D94800;
<!-- ###ERROR_antwort### end -->
<!-- ###ERROR_datenschutz### begin -->
border: thin solid #D94800;
<!-- ###ERROR_datenschutz### end -->
<!-- ###TEMPLATE_ERROR### end -->
Was mache ich falsch? Es ist wirklich zum Wegrennen....
Über Hinweise und Hilfen freue ich mich sehr!
schönen guten abend!
nehm mal den style display und float in ein div, das dein label und das inputfield umschliesst:
<div style="display: block; float: left;">
<label for="vorname" style="width: 100px;">Vorname:</label>
<input type="text" name="vorname" id="vorname" value="" size="35" />
</div>
dann sieht´s gleich besser aus.
irgendwo im forum gab´s noch ein css-snippet zur korrekten ausrichtung der felder (gleicher abstand zum label usw.)
gruß,
andré