Problem mit DOM Knoten bei einer Formularüberprüfung

[stardust112]

Hallo zusammen!
Habe ein Problem bei der Erstellung eines DOM Knoten innerhalb eines Kontaktformulars. Anstatt die input felder zu überprüfen und eine Fehlermeldung oder auch nicht auszugeben, erscheint keine Ausgabe. Leider finde ich auch meinen Fehler im Script nicht, da ich noch nicht so viel mit Javascript zu tun hatte, es in diesem Falle aber unbedingt so brauche.

Hier mein Kontaktformular:

function chkFormular() {
	if( document.forms.kontaktform.elements.firma.value == '' ) {
		document.getElementById('error').style.display='block';
		return false;
	} else {
		return true;
	}
}

hier das kontaktformular:

<form name="kontaktform" method="post" onsubmit="return chkFormular()" style="margin: 0px 0px 0px 0px;">
<table width="400" celpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
 <td width="100"><font style="color:#CFCFCF">Firma<font style="color:#b3db10;">*</font>:</font></td>
 <td width="300"><input type="text" size="50" maxlength="100" name="firma" style="width:255px;"></td>
</tr>
<tr>
 <td width="100"><font style="color:#CFCFCF">Ansprechpartner<font style="color:#b3db10;">*</font>:</font></td>
 <td width="300"><input type="text" size="50" maxlength="100" name="ansprechpartner" style="width:255px;"></td>
</tr>
<tr>
 <td width="100"><font style="color:#CFCFCF">Telefon<font style="color:#b3db10;">*</font>:</font></td>
 <td width="300"><input type="text" size="50" maxlength="100" name="telefon" style="width:255px;"></td>
</tr>
<tr>
 <td width="100"><font style="color:#CFCFCF">E-Mail<font style="color:#b3db10;">*</font>:</font></td>
 <td width="300"><input type="text" size="50" maxlength="100" name="email" style="width:255px;"></td>
</tr>
<tr>
 <td width="100" valign="top"><font style="color:#CFCFCF">Ihre Anfrage:</font></td>
 <td width="300"><textarea name="anfrageinfos" cols="10" rows="10" style="width:255px;"></textarea></td>
</tr>
<tr>
 <td width="100">&nbsp;</td>
 <td width="300" valign="top"><input type="button" value="Absenden." style="width:257px; height:15px;"></td>
</tr>
</tbody>
</table><br>
<font style="color:#CFCFCF">Die mit <font style="color:#b3db10;">*</font> angegebenen Felder m&uuml;ssen ausgef&uuml;llt 
werden.</font>
</font>
<div id="error" style="display:none; width:450px; height:20px; color:#FF0000; font-size:11px;">Fehler bei der Eingabe!</div></form>

Für eine Problemlösung wäre ich echt dankbar!

 

[Sven Mintel]

forms und elements sind jeweils Arrays, auf deren Elemente musst du daher auch entsprechend zugreifen:

document.forms['kontaktform'].elements['firma'].value

...oder machs gleich so:

document.kontaktform.firma.value

 

[stardust112]

also ich habe es mal auf

function chkFormular() {
	if( document.kontaktform.firma.value == '' ) {
		document.getElementById('error').style.display='block';
		return false;
	} else {
		return true;
	}
}

geändert, aber so wirklich funktionieren will es noch nicht...
Wo liegt denn noch ein Fehler außer im Array?

 

[Sven Mintel]

Naja...der Button dort im Formular ist kein Submit-Button, somit wird das Formular nicht zu Senden versucht, wenn man raufklickt...und die Funktion nicht aufgerufen.