mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 05:35 Benutzername: Passwort: Auto-Login

Thema: Problem mit DOM Knoten in Javascript vom 10.11.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Problem mit DOM Knoten in Javascript
Autor Nachricht
stardust112
Threadersteller

Dabei seit: 10.11.2006
Ort: Andernach
Alter: 33
Geschlecht: Männlich
Verfasst Fr 10.11.2006 15:09
Titel

Problem mit DOM Knoten in Javascript

Antworten mit Zitat Zum Seitenanfang

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. Lächel). 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&uuml;nschen eine individuelle Beratung oder haben irgendwelche Fragen? Gerne setzen wir
uns mit Ihnen in Verbindung. F&uuml;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">&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></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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
stardust112
Threadersteller

Dabei seit: 10.11.2006
Ort: Andernach
Alter: 33
Geschlecht: Männlich
Verfasst Fr 10.11.2006 15:10
Titel

Antworten mit Zitat Zum Seitenanfang

Korrektur:

Hatte das JS schon umgeschrieben auf Block und die alte Version gepostet:

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


Hier ist die Richtige!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen [javascript] Crossbrowser DOM - Library
JavaScript und DOM Video Tutorials
[xml] knoten vs attribute
knoten aniimieren mit flash
[CSS] Knoten im Hirn, Layoutaufbau
Corel Draw - Linien rechtwinklig zum Knoten
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.