Seite 1 von 1
Checkboxwert in Kontaktformular
Verfasst: 06.11.2012, 20:29
von workershop
Hi,
ich habe gerade ein ganz einfaches Kontaktformular geschrieben, und muss den Wert zweier Checkboxen übergeben (Rückruf oder per Mail).
Wie kann ich jetzt in meinem Script die Checkboxen übergeben, also das bei der Mail dann steht, Kontaktwunsch per Mail oder Telefon? Vielen Dank.
Code: Alles auswählen
<?php
if(isset($_POST['submit'])){
$to = 'info@ggggg.de;
$subject = 'Kontaktaufnahme über Kontaktformular';
$message = '
<table border=0 cellpadding=3 cellspacing=3>
<tr><td>Vorname</td><td>:</td><td colspan="3">' . $_POST['vorname'] . '</td></tr>
<tr><td>Name</td><td >:</td><td colspan="3">' . $_POST['nname'] . '</td></tr>
<tr><td>Straße</td><td >:</td><td colspan="3">' . $_POST['strasse'] . '</td></tr>
<tr><td>PLZ / Ort</td><td >:</td><td colspan="3">' . $_POST['ort'] . '</td></tr>
<tr><td>Land</td><td >:</td><td colspan="3">' . $_POST['land'] . '</td></tr>
<tr><td>Telefon</td><td>:</td><td colspan="3">' . $_POST['tel'] . '</td></tr>
<tr><td>E-Mail</td><td>:</td><td colspan="3">' . $_POST['email'] . '</td></tr>
<tr><td>Betreff</td><td>:</td><td colspan="3">' . $_POST['bet'] . '</td></tr>
<tr><td>Nachricht</td><td>:</td><td colspan="3">' . $_POST['nachricht'] . '</td></tr>
</table>
';
$headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
$sent=mail($to, $subject, $message, $headers);
if($sent)
$message="Vielen Dank. Wir haben Ihre Nachricht erhalten.";
else
$message="Sorry. Ihre Nachricht wurde nicht versendet";
}
?>
Code: Alles auswählen
<script type="text/javascript">
function check_validate()
{
var fname=document.getElementById('vorname').value;
var nname=document.getElementById('nname').value;
var tel=document.getElementById('tel').value;
var email=document.getElementById('email').value;
var bet=document.getElementById('bet').value;
var err=document.getElementById('error');
if(fname=="")
{
err.innerHTML="Bitte geben Sie Ihren Vornamen an.";
return false;
}
if(nname=="")
{
err.innerHTML="Bitte geben Sie Ihren Namen an.";
return false;
}
if(tel=="")
{
err.innerHTML="Bitte geben Sie Ihre Telefonnummer an.";
return false;
}
if(isNaN(tel)|| tel.indexOf(" ")!=-1){
err.innerHTML="Enter numeric value";return false;
}
if(email=="")
{
err.innerHTML="Bitte geben Sie Ihre E-Mail an.";
return false;
}
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if(reg.test(email) == false)
{
err.innerHTML="Ungültige E-Mail.";
return false;
}
if(bet=="")
{
err.innerHTML="Bitte geben Sie einen Betreff an.";
return false;
}
else{
document.contactform.submit();
}
}
</script>
Code: Alles auswählen
<form name="contactform" id="contactform" method="post" action="" enctype="application/x-www-form-urlencoded">
<div id="error"><? echo $message ?></div>
<div class="text_box"><label>Vorname*</label><p><input type="text" value="" id="vorname" name="vorname" /></p></div>
<div class="text_box"><label>Name*</label><p><input type="text" value="" id="nname" name="nname" /></p></div>
<div class="text_box"><label>Straße</label><p><input type="text" value="" id="strasse" name="strasse"/></p></div>
<div class="text_box"><label>PLZ / Ort</label><p><input type="text" value="" id="ort" name="ort" /></p></div>
<div class="text_box"><label>Land</label><p><input type="text" value="" id="land" name="land"/></p></div>
<div class="text_box"><label>Telefon*</label><p><input type="text" value="" id="tel" name="tel" /></p></div>
<div class="text_box"><label>E-Mail*</label><p><input type="text" value="" id="email" name="email" /></p></div>
<div class="text_box"><label>Betreff*</label><p><input type="text" value="" id="bet" name="bet" /></p></div>
<div class="text_box"><label>Nachricht</label><span><textarea cols="" rows="" id="nachricht" name="nachricht"></textarea></span></div>
<p class="bitte">Bitte nehmen Sie Kontakt zu mir auf</p>
<div class="bitte">
<p><input type="checkbox" value=""/> per E-Mail</p>
<p><input type="checkbox" value=""/> Rufen Sie mich an</p>
</div>
<div class="bitte">
<input type="submit" class="sub_btn" value="Absenden" name="submit" onclick="return check_validate()"/>
</div>
</form>
Verfasst:
von
Content Erstellung von
ABAKUS Internet Marketing
Ihre Vorteile:
- einzigartige Texte
- suchmaschinenoptimierte Inhalte
- eine sinnvolle Content-Strategie
- Beratung und Umsetzung
Jetzt anfragen:
0511 / 300325-0
Verfasst: 06.11.2012, 20:41
von mano_negra
im prinzip genauso wie die anderen felder.
du musst den checkboxen aber auch einen namen und wert geben.
Verfasst: 06.11.2012, 21:06
von workershop
Nach 26 Stunden ohne Schlaf komme ich nicht mehr weiter
Code: Alles auswählen
<p><input type="checkbox" id=kontaktm" value="kontaktm"/> per E-Mail</p>
<p><input type="checkbox" id=kontaktm" value="kontaktt"/> Rufen Sie mich an</p>
Funktioniert erst mal nicht
Verfasst:
von
SEO Consulting bei
ABAKUS Internet Marketing Erfahrung seit 2002
- persönliche Betreuung
- individuelle Beratung
- kompetente Umsetzung
Jetzt anfragen:
0511 / 300325-0.
Verfasst: 06.11.2012, 21:46
von Melegrian
workershop hat geschrieben:Funktioniert erst mal nicht
Name und Wert ist klar, wurde bereits geschrieben.
Nur weil ich es gerade hinter mir habe, noch ein paar Anmerkungen. Radio-Buttons und Checkboxen werden nicht auf value getestet, da die ja bereits über einen vorgegebenen Inhalt verfügen, sondern mit checked auf true oder false getestet. Und auf IDs kannst Du verzichten, wenn Du stattdessen getElementsByName verwendest.
Code: Alles auswählen
var etwas = document.getElementsByName("der_name")[0];
if (etwas.checked === true) {... ;}
So erfüllt es wohl seinen Zweck:
Code: Alles auswählen
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
So sieht es besser aus:
Code: Alles auswählen
var reg = /^([a-z0-9_.-])+\@([a-z0-9_.-])+\.([a-z]{2,4})$/i;
Wenn i als Modifier gesetzt ist, wird nicht zwischen Groß- und Kleinschreibung unterschieden. Ein Bindestrich gehört ans Ende oder an den Anfang einer Zeichenklasse, damit sich kein neuer Von-Bis-Bereich bilden kann, der Punkt ist ein Punkt innerhalb einer [Zeichenklasse] und kein Meta-Zeichen und muss deshalb nur außerhalb der Zeichenklasse maskiert werden.
Verfasst: 06.11.2012, 22:09
von mano_negra
he?
bei checkboxen hast du die möglichkeit jeder checkbox einen eigenen namen zu geben oder aber den gleichen namen für eine gruppe zu verwenden. dann wird der wert aber als array übergeben und muss bei der auswertung wieder zerlegt werden.
id brauchst du nicht. und eine id sollte immer eindeutig sein, nur einmal auf einer seite verwendet werden.
1.möglichkeit:
Code: Alles auswählen
<p><input type="checkbox" name="kontaktpermail" value="Mail"/> per E-Mail</p>
<p><input type="checkbox" name="kontaktpertel" value="Telefon"/> Rufen Sie mich an</p>
Code: Alles auswählen
$message = 'Kontaktwunsch per: '.$_POST['kontaktpermail'].'<br>'.$_POST['kontaktpertel'];
der 2. code ist jetzt nicht so schön formatiert, da müsstest noch if abragen oder ähnliches machen um das ganze geordneter darzustellen (eventuell mit kommas, ...)
2.möglichkeit:
gleichen namen (mit [] am ende) geben und array übergeben.
Code: Alles auswählen
<p><input type="checkbox" name="kontaktwunsch[]" value="Mail"/> per E-Mail</p>
<p><input type="checkbox" name="kontaktwunsch[]" value="Telefon"/> Rufen Sie mich an</p>
Code: Alles auswählen
$kontaktwunsch= $_POST['kontaktwunsch'];
$kontaktwunsch_formatiert = implode(', ',$kontaktwunsch);
$message = 'Kontaktwunsch per: '.kontaktwunsch_formatiert;
PS: und wenn nur "entweder oder" möglich sein soll besser radio buttons mit gleichen namen verwenden.
Verfasst: 06.11.2012, 22:25
von Melegrian
workershop hat geschrieben:Code: Alles auswählen
<p><input type="checkbox" id=kontaktm" value="kontaktm"/> per E-Mail</p>
<p><input type="checkbox" id=kontaktm" value="kontaktt"/> Rufen Sie mich an</p>
Bei id= fehlen die " hinter = und so kann es nichts werden. Also nicht id=kontaktm" sondern id="kontaktm". Flüchtigkeitsfehler? Dann schlafe Dich erst einmal aus.
Verfasst: 06.11.2012, 22:29
von workershop
mano_negra hat geschrieben:he?
bei checkboxen hast du die möglichkeit jeder checkbox einen eigenen namen zu geben oder aber den gleichen namen für eine gruppe zu verwenden. dann wird der wert aber als array übergeben und muss bei der auswertung wieder zerlegt werden.
id brauchst du nicht. und eine id sollte immer eindeutig sein, nur einmal auf einer seite verwendet werden.
1.möglichkeit:
Code: Alles auswählen
<p><input type="checkbox" name="kontaktpermail" value="Mail"/> per E-Mail</p>
<p><input type="checkbox" name="kontaktpertel" value="Telefon"/> Rufen Sie mich an</p>
Code: Alles auswählen
$message = 'Kontaktwunsch per: '.$_POST['kontaktpermail'].'<br>'.$_POST['kontaktpertel'];
der 2. code ist jetzt nicht so schön formatiert, da müsstest noch if abragen oder ähnliches machen um das ganze geordneter darzustellen (eventuell mit kommas, ...)
2.möglichkeit:
gleichen namen (mit [] am ende) geben und array übergeben.
Code: Alles auswählen
<p><input type="checkbox" name="kontaktwunsch[]" value="Mail"/> per E-Mail</p>
<p><input type="checkbox" name="kontaktwunsch[]" value="Telefon"/> Rufen Sie mich an</p>
Code: Alles auswählen
$kontaktwunsch= $_POST['kontaktwunsch'];
$kontaktwunsch_formatiert = implode(', ',$kontaktwunsch);
$message = 'Kontaktwunsch per: '.kontaktwunsch_formatiert;
PS: und wenn nur "entweder oder" möglich sein soll besser radio buttons mit gleichen namen verwenden.
Vielen Vielen Dank Euch beiden. Die erste Möglichkeit war genau das was ich brauchte - Danke!
Verfasst: 06.11.2012, 23:24
von Melegrian
Gut und hier ist noch etwas zum Spielen. Nee, nur ein Beispiel wegen checked === true. Bei mehreren gleichnamigen Werten der Name-Attribute kannst Du einer Funktion mit einer For-Schleife das Nummerieren überlassen, bei unterschiedlichen Namen ist es immer 0.
Code: Alles auswählen
<!DOCTYPE html>
<html>
<head>
<title>Daten versenden</title>
<meta charset="windows-1252">
<style type="text/css">body {text-align:center}</style>
<script type="text/javascript">
function SENDE() {
var kon = document.getElementById("ausg");
var ktm = document.getElementsByName("kontakt")[0];
var ktt = document.getElementsByName("kontakt")[1];
// Nur für Testausgabe!
if (ktm.checked === true) { kon.innerHTML += ktm.value + "<br>";
}
if (ktt.checked === true) { kon.innerHTML += ktt.value + "<br>";
}
}
</script>
</head>
<body>
<form action="#" method="post" onsubmit="SENDE(); return false" accept-charset="windows-1252">
<input type="checkbox" name="kontakt" value="Kontakt per E-Mail"> per E-Mail
<input type="checkbox" name="kontakt" value="Kontakt per Phone"> Rufen Sie mich an<br>
<br>
<input type="reset" value="Leeren">
<input type="submit" value="Senden">
</form>
<p id="ausg"></p>
</body>
</html>
Bei JavaScript entfällt dieser Klammer-Operator [] bei gleichnamigen Werten der Name-Attribute, da die DOM-Methoden ohnehin auf den Dokumentenbaum wie auf ein Array zugreifen, doch bei PHP ist es zwingend erforderlich.
Code: Alles auswählen
<!DOCTYPE html>
<html>
<head>
<title>Daten versenden</title>
<meta charset="windows-1252">
<style type="text/css">body {text-align:center}</style>
</head>
<body>
<form action="<?php echo basename($_SERVER["PHP_SELF"]); ?>" method="post" accept-charset="windows-1252">
<input type="checkbox" name="kontakt[]" value="Kontakt per E-Mail"> per E-Mail
<input type="checkbox" name="kontakt[]" value="Kontakt per Phone"> Rufen Sie mich an<br>
<br>
<input type="reset" value="Leeren">
<input type="submit" value="Senden">
</form>
<p>
<?php
for ($i = 0; $i < 2; $i++) {
if (isset($_POST["kontakt"][$i]) and !empty($_POST["kontakt"][$i])) {
echo htmlspecialchars($_POST["kontakt"][$i])."<br>";
}
}
?>
</p>
</body>
</html>
Verfasst: 22.11.2012, 02:47
von nerd
Thema ist wohl schon etwas aelter, trotzdem nochmal was dazu:
Das problem ist dass der checkboxwert nur dann uebermittelt wird, wenn die checkbox auch markiert wird! Bei <input type="checkbox" name="test" value="hallo"> wird bei bei checked wird z.b. bei einem GET "form.php? ... &
test=hallo" aufgerufen. Bleibt die checkbox leer, wird "test" nicht gesetzt (auch nicht als variable mit einem leerem wert).
Korrekt waere es, wenn du den checkboxwert dann in php z.b. mit
Code: Alles auswählen
if(isset($_POST['test']))
{
//checkbox markiert
}
else
{
//checkbox nicht markiert
}
abfragst.
abgesehen davon halte ich den einsatz von checkboxen in diesem fall hier fuer ungeeignet. Entweder will der kunde per email oder per telefon benachrichtigt werden. Alles beides wuerde hoechstens meine mutter machen, die mich anruft um zu fragen ob die email angekommen ist.
In deinem falle waere select-option angebracht, sodass der user zwischen telefon und email waehlen muss.
Verfasst: 22.11.2012, 09:59
von xoni
In deinem falle waere select-option angebracht, sodass der user zwischen telefon und email waehlen muss.
Sehr richtig! Und dafür gibt es die wunderbaren Radio-Buttons.
Es kann immer nur einer der Radio-Buttons ausgewählt sein.
Der Wert des ausgewählten Radio-Buttons wird beim Absenden des Formulars mit übertragen.
