Pflichtfeld im Formular

**Roy35** · 12.11.2008, 12:27

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!");
}

**jayjay** · 12.11.2008, 12:33

zeig das gesamte formular

**Roy35** · 12.11.2008, 12:39

<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"></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>

**jayjay** · 12.11.2008, 12:58

ok, bin zwar kein js-spezi aber mir fällt auf:
in js -

Code:

if(document.Adresse.Vorname.value=="")

was ist mir adresse gemeint?
gib deinem formular name="Adresse"
beim senden muss doch die funktion aufgerufen werden

HTML-Code:

<input name="senden" type="submit" onClick="return pruefe();" />

**Roy35** · 12.11.2008, 13:07

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.

**UweB** · 12.11.2008, 13:19

Wo besteht denn der Zusammenhang zwischen deinem javascript und dem Formular?
Du scheinst da ein paar Tutorial für Formulare zu vermischen.

**Roy35** · 12.11.2008, 13:31

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?

**jayjay** · 12.11.2008, 13:58

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>

**UweB** · 12.11.2008, 14:29

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.

**jayjay** · 12.11.2008, 14:31

ich denke dieses ist gemeint

**UweB** · 12.11.2008, 14:56

Ja, das meinte ich.

**Roy35** · 12.11.2008, 16:39

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.

**jayjay** · 12.11.2008, 16:41

ok, hast du es jetzt hinbekommen? hast du dein js bearbeitet?

**Roy35** · 13.11.2008, 09:10

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"></style>
</HEAD>

<script language="JavaScript" type="text/javascript">

</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>

**jayjay** · 13.11.2008, 09:42

ok, hier der code:

HTML-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>

hab auch noch etwas aufgeräumt

was du nicht beachtet hast, button beim senden soll die function aufrufen

HTML-Code:

 onClick="return pruefe();"

was du beachten solltest, js in den header (habe ich aufgeräumt) und nicht zwischen head und body.
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;
}

zur Startseite vom TP

Thema: Pflichtfeld im Formular

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Pflichtfeld im Formular

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

Checkbox als Pflichtfeld.

Formular: Pflichtfeld Tefefonnr. oder Email?

Pflichtfeld Überprüfung "Abschicken"

checkbox aktiv -> feld kein pflichtfeld mehr

Aktive Benutzer

Aktive Benutzer

Berechtigungen