LinkBack URL
About LinkBacks
Zitierenzeig das gesamte formular
Ich weiß nicht was ich verkehrt mache. Ich möchte alle Felder eines Formulars als Pflichtfelder angeben. Ich habe schon mit if/else probiert, ich bekomme es nicht hin. Kann mir jemand bitte bitte helfen? Hier der Auszug aus meinem Formular:
<SCRIPT LANGUAGE="JavaScript">
function pruefe()
{
var fehler=0;
if(document.Adresse.Vorname.value=="")
{
fehler = 1;
alert("Bitte geben Sie Ihren Vornamen ein");
window.document.Adresse.elements[0].focus();
}
if(document.Adresse.Nachname.value=="")
{
fehler = 1;
alert("Bitte geben Sie Ihren Nachnamen ein");
window.document.Adresse.elements[1].focus();
}
if(document.Adresse.Strasse.value=="")
{
fehler = 1;
alert("Bitte geben Sie die Strasse und Hausnummer ein");
window.document.Adresse.elements[2].focus();
}
if(document.Adresse.PLZ.value=="")
{
fehler = 1;
alert("Bitte geben Sie die Postleitzahl ein");
window.document.Adresse.elements[3].focus();
}
if(document.Adresse.Ort.value=="")
{
fehler = 1;
alert("Bitte geben Sie den Ort ein");
window.document.Adresse.elements[4].focus();
}
if(fehler==0)
{
document.Adresse.submit();
alert("Danke fuer das Ausfuellen des Formulars!");
}
zeig das gesamte formular
computer tun nur das was man ihnen sagt, meistens
<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<TITLE>Kontaktformular</TITLE>
<link href="css/agl-styles.css" rel="stylesheet" type="text/css" media="all">
<style type="text/css" media="all"><!--
body { color: black; background-color: white; background-image: url(back2.JPG); }
.dsR140 /*agl rulekind: base;*/ { width: 780px; }
#Kontaktformular { width: 793px; height: 685px; }
.dsR130 /*agl rulekind: base;*/ { background-color: #ff9; width: auto; height: 553px; }
.dsR123 /*agl rulekind: base;*/ { width: 200px; }
.dsR125 /*agl rulekind: base;*/ { width: 570px; }
.dsR124 /*agl rulekind: base;*/ { width: 553px; height: auto; }
.dsR126 /*agl rulekind: base;*/ { width: 552px; height: auto; }
.dsR128 /*agl rulekind: base;*/ { text-align: center; width: 200px; }
.dsR129 /*agl rulekind: base;*/ { text-align: center; width: 570px; }
.dsR142 /*agl rulekind: base;*/ { width: 555px; height: 417px; }
--></style>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
function pruefe()
{
var fehler=0;
if(document.Adresse.Vorname.value=="")
{
fehler = 1;
alert("Bitte geben Sie Ihren Vornamen ein");
window.document.Adresse.elements[0].focus();
}
if(document.Adresse.Nachname.value=="")
{
fehler = 1;
alert("Bitte geben Sie Ihren Nachnamen ein");
window.document.Adresse.elements[1].focus();
}
if(document.Adresse.Strasse.value=="")
{
fehler = 1;
alert("Bitte geben Sie die Strasse und Hausnummer ein");
window.document.Adresse.elements[2].focus();
}
if(document.Adresse.PLZ.value=="")
{
fehler = 1;
alert("Bitte geben Sie die Postleitzahl ein");
window.document.Adresse.elements[3].focus();
}
if(document.Adresse.Ort.value=="")
{
fehler = 1;
alert("Bitte geben Sie den Ort ein");
window.document.Adresse.elements[4].focus();
}
if(fehler==0)
{
document.Adresse.submit();
alert("Danke fuer das Ausfuellen des Formulars!");
}
}
</SCRIPT>
<BODY>
<br>
<table class="dsR140" style=" height: 77px;" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td>
<form id="Kontaktformular" action="kontaktformular.php" method="post" name="Kontaktformular" enctype="Text/normal" target="_blank" accept-charset="iso-8859-1">
<br>
<table class="dsR130" border="0" cellspacing="2" cellpadding="5" align="center">
<tr>
<td class="dsR123">
<h3 class="parHeading3">Ihr Name</h3>
</td>
<td class="dsR125"><input class="dsR124" type="text" name="name" size="90"></td>
</tr>
<tr>
<td class="dsR123">
<h3 class="parHeading3">Straße</h3>
</td>
<td class="dsR125"><input class="dsR126" type="text" name="strasse" size="90"></td>
</tr>
<tr>
<td class="dsR123">
<h3 class="parHeading3">PLZ, Ort</h3>
</td>
<td class="dsR125"><input class="dsR126" type="text" name="ort" size="90"></td>
</tr>
<tr>
<td class="dsR123">
<h3 class="parHeading3">E-Mail / Telefon</h3>
</td>
<td class="dsR125"><input class="dsR126" type="text" name="telefon" size="90"></td>
</tr>
<tr>
<td class="dsR123">
<h3 class="parHeading3">Ihr Anliegen</h3>
</td>
<td class="dsR125"><input class="dsR126" type="text" name="anliegen" size="90"></td>
</tr>
<tr>
<td class="dsR123">
<h3 class="parHeading3">Ihre Nachricht</h3>
</td>
<td class="dsR125"><textarea class="dsR142" name="nachricht" rows="30" cols="88"></textarea></td>
</tr>
<tr>
<td class="dsR128"><input type="submit" name="submitButtonName" value="Senden"></td>
<td class="dsR129"><input type="reset"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</BODY></HTML>
ok, bin zwar kein js-spezi aber mir fällt auf:
in js -was ist mir adresse gemeint?Code:if(document.Adresse.Vorname.value=="")
gib deinem formular name="Adresse"
beim senden muss doch die funktion aufgerufen werdenHTML-Code:<input name="senden" type="submit" onClick="return pruefe();" />
computer tun nur das was man ihnen sagt, meistens
Ich habe das Formular mit Golive 9 erstellt. "Adresse" stammt nicht von mir, das wurde automatisch gemacht. Auch das "Senden" wurde automatisch gemacht, ich habe nur den Senden-Button eingefügt.
Wo besteht denn der Zusammenhang zwischen deinem javascript und dem Formular?
Du scheinst da ein paar Tutorial für Formulare zu vermischen.
Seltsam. Aber stimmt, den Teil den ich ganz oben im Thread postete kann man weglassen aber wie der in mein Formular gelangt ist, weiß ich nicht. Ich habe einfach ein Formular mit Goliver erstellt... ???
Aber wie mache ich denn nun Pflichtfelder?
zb so:
HTML-Code:<script language="JavaScript" type="text/javascript"> <!-- function pruefe() { Fehlermeldung=""; if(document.Kontaktformular.name.value=="") { Fehlermeldung += "Bitte geben Sie Ihren Nachnamen ein!\n"; } // und hier die weiteren pflichtfelder schema (document.Kontaktformular.dein_input_feld.value=="") if(Fehlermeldung) { alert(Fehlermeldung); return false; } else { return true; } } // --> </script>
computer tun nur das was man ihnen sagt, meistens
Fang doch überhaupt erst einmal an ein funktionierendes Formular zu erstellen.
Am besten suchst du hier im Forum mal nach Formular-Skripten.
Ich meine da gab es z.B. von Steffen mal eine gute Lösung.
Dann solltest du dich auch entscheiden, ob es eine PHP oder Javascript Lösung wird.
Oben hast du beides vermischt. Wenn das Formular vom Server (ohne den Umweg über das Mail-Programm des Benutzers) verschickt werden soll, muss es PHP sein.
ich denke dieses ist gemeint
computer tun nur das was man ihnen sagt, meistens
Ja, das meinte ich.
Mein Formular funktioniert doch. Ich habe eine html-Datei welche nach dem "absenden" an eine php-Datei geht. Funktioniert alles wunderbar. Ich habe zwar irgendwo gelesen, dass man es auch in einer Datei machen kann aber mit 2 Dateien würde es auch gehen.
Das Problem ist, dass ich mir alles selbst aneignen muß (da unser Verein kein Geld für professionelle Hilfe hat) und jeder erklärt es dir anders. Ich bin erstmal froh, dass ich es wenigstens so hinbekommen habe.
ok, hast du es jetzt hinbekommen? hast du dein js bearbeitet?
computer tun nur das was man ihnen sagt, meistens
Ich verstehe die Scriptsprache nicht. Ich habe bisher nur die grafische Benutzeroberfläche von Golive benutzt. jayjay, ich habe dein Script in meinen Quellcode reingeschrieben aber muss ich noch etwas ändern? Also ich möchte, dass Name und Nachricht als Pflichtfelder benutzt werden.
Danke für deine Mühe...
<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<TITLE>Kontaktformular</TITLE>
<link href="css/agl-styles.css" rel="stylesheet" type="text/css" media="all">
<style type="text/css" media="all"><!--
body { color: black; background-color: white; background-image: url(back2.JPG); }
#Kontaktformular { width: 793px; height: 757px; }
--></style>
</HEAD>
<script language="JavaScript" type="text/javascript">
<!--
function pruefe() {
Fehlermeldung="";
if(document.Kontaktformular.name.value=="") {
Fehlermeldung += "Bitte geben Sie Ihren Nachnamen ein!\n";
}
// und hier die weiteren pflichtfelder schema (document.Kontaktformular.dein_input_feld.value=="")
if(Fehlermeldung) {
alert(Fehlermeldung);
return false;
}
else {
return true;
}
}
// -->
</script>
<BODY>
<br>
<table class="dsR140" style=" height: 77px;" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td>
<form id="Kontaktformular" action="kontaktformulartest.php" method="post" name="Kontaktformular" enctype="Text/normal" target="_blank" accept-charset="iso-8859-1">
<br>
<table class="dsR130" border="0" cellspacing="2" cellpadding="5" align="center">
<tr>
<td class="dsR123">
<h3 class="parHeading3">Ihr Name</h3>
</td>
<td class="dsR125"><input class="dsR124" type="text" name="name" size="90"></td>
</tr>
<tr>
<td class="dsR123">
<h3 class="parHeading3">Straße</h3>
</td>
<td class="dsR125"><input class="dsR126" type="text" name="strasse" size="90"></td>
</tr>
<tr>
<td class="dsR123">
<h3 class="parHeading3">PLZ, Ort</h3>
</td>
<td class="dsR125"><input class="dsR126" type="text" name="ort" size="90"></td>
</tr>
<tr>
<td class="dsR123">
<h3 class="parHeading3">E-Mail / Telefon</h3>
</td>
<td class="dsR125"><input class="dsR126" type="text" name="telefon" size="90"></td>
</tr>
<tr>
<td class="dsR123">
<h3 class="parHeading3">Ihr Anliegen</h3>
</td>
<td class="dsR125"><input class="dsR126" type="text" name="anliegen" size="90"></td>
</tr>
<tr>
<td class="dsR123">
<h3 class="parHeading3">Ihre Nachricht</h3>
</td>
<td class="dsR125"><textarea class="dsR143" name="nachricht" rows="29" cols="88"></textarea></td>
</tr>
<tr>
<td class="dsR123"><img src="captcha/captcha.php" border="0" title="Sicherheitscode"></td>
<td class="dsR125"><input class="dsR146" type="text" name="sicherheitscode" size="8"></td>
</tr>
<tr>
<td class="dsR128"><input class="dsR147" type="submit" name="submitButtonName" value="Senden"></td>
<td class="dsR129"><input type="reset"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</BODY></HTML>
ok, hier der code:hab auch noch etwas aufgeräumtHTML-Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Kontaktformular</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <link href="css/agl-styles.css" rel="stylesheet" type="text/css" media="all" /> <style type="text/css" media="all"><!-- body { color: black; background-color:white; background-image: url(back2.JPG); } #Kontaktformular { width: 793px; height: 757px; } --></style> <script language="JavaScript" type="text/javascript"> <!-- function pruefe() { Fehlermeldung=""; if(document.Kontaktformular.name.value=="") { Fehlermeldung += "Bitte geben Sie Ihren Nachnamen ein!\n"; } if(document.Kontaktformular.nachricht.value=="") { Fehlermeldung += "Bitte geben Sie Ihre Nachricht ein!\n"; } if(Fehlermeldung) { alert(Fehlermeldung); return false; } else { return true; } } // --> </script> </head> <body> <table class="dsR140" style="height: 77px;" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td><br /> <form id="Kontaktformular" action="kontaktformulartest.php" method="post" name="Kontaktformular" enctype="Text/normal" accept-charset="iso-8859-1"> <table class="dsR130" border="0" cellspacing="2" cellpadding="5" align="center"> <tr> <td class="dsR123"><h3 class="parHeading3">Ihr Name</h3></td> <td class="dsR125"><input class="dsR124" type="text" name="name" size="90" /></td> </tr> <tr> <td class="dsR123"><h3 class="parHeading3">Straße</h3></td> <td class="dsR125"><input class="dsR126" type="text" name="strasse" size="90" /></td> </tr> <tr> <td class="dsR123"><h3 class="parHeading3">PLZ, Ort</h3></td> <td class="dsR125"><input class="dsR126" type="text" name="ort" size="90" /></td> </tr> <tr> <td class="dsR123"><h3 class="parHeading3">E-Mail / Telefon</h3></td> <td class="dsR125"><input class="dsR126" type="text" name="telefon" size="90" /></td> </tr> <tr> <td class="dsR123"><h3 class="parHeading3">Ihr Anliegen</h3></td> <td class="dsR125"><input class="dsR126" type="text" name="anliegen" size="90" /></td> </tr> <tr> <td class="dsR123"><h3 class="parHeading3">Ihre Nachricht</h3></td> <td class="dsR125"><textarea class="dsR143" name="nachricht" rows="29" cols="88"></textarea></td> </tr> <tr> <td class="dsR123"><img src="captcha/captcha.php" border="0" title="Sicherheitscode" /></td> <td class="dsR125"><input class="dsR146" type="text" name="sicherheitscode" size="8" /></td> </tr> <tr> <td class="dsR128"><input class="dsR147" type="submit" name="submitButtonName" value="Senden" onClick="return pruefe();" /></td> <td class="dsR129"><input type="reset" /></td> </tr> </table> </form> </td> </tr> </table> </body> </html>
was du nicht beachtet hast, button beim senden soll die function aufrufenwas du beachten solltest, js in den header (habe ich aufgeräumt) und nicht zwischen head und body.HTML-Code:onClick="return pruefe();"
du verknüpfst eine css-datei, warum packst du deine 2 stille nicht mit rein?
die input's, für jedes eigene klasse? du kannst auch sowas zb übernehmen:
HTML-Code:input, textarea, select { color: #000000; background-color: #e6e6e6; border:#999999 solid 1px; padding:1px; } input:hover, textarea:hover, select:hover { background-color: #ffffff; border:#cccccc solid 1px; }
computer tun nur das was man ihnen sagt, meistens
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
