stardust112
Threadersteller
Dabei seit: 10.11.2006
Ort: Andernach
Alter: 41
Geschlecht:
|
Verfasst Fr 10.11.2006 15:09
Titel Problem mit DOM Knoten in Javascript |
|
|
Hallo zusammen! Habe ein mehr oder weniger triviales Problem mit einem Javascript, finde aber die Lösung absolut nicht.
Es geht darum, Formulardaten vor dem Absenden auf gültigkeit zu prüfen (gibt es sicher tausende von Postings hier, aber ich brauch es so, wie u.g. ). Das Javascript überprüft das Formular nach absenden und nach Gültigkeit sollen dann die Daten mit method post übertragen werden an ein PHP Script, welches den Rest übernimmt.
Hier das Javascript (Evaluationsversion, also ohne Überprüfung aller Daten):
Code: | function chkFormular() {
if (document.kontakt_form.firma.value == "" ||
document.kontakt_form.ansprechpartner.value == "") {
var error = document.getElementById("error").innerHTML = "Bitte die Angaben überprüfen! Mit * gekennzeichneten Felder müssen eingegeben werden.";
document.Formular.Firma.focus();
return error;
}
} |
und hier die zugehörige HTML (der DOM-Knoten für die Ausgabe ist <div id="error">:
Code: | <p>Sie wünschen eine individuelle Beratung oder haben irgendwelche Fragen? Gerne setzen wir
uns mit Ihnen in Verbindung. Füllen Sie einfach das unten stehende Kontaktformular
aus.</p>
<p>
<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"> </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üssen ausgefüllt
werden.</font>
</font></form>
<div id="error" style="display:none; width:450px; height:20px; color:#FF0000; font-size:11px;">Fehler bei der Eingabe!</div> |
Um einen Lösungsvorschlag wäre ich echt dankbar!
Gruß
Andy
|
|