Antworten auf deine Fragen:
Neues Thema erstellen

Formular_Problem

D

deaf1kuno

Guest

Ich bin tuab und Habe REchtschreibschwäche.

Ich habe Problem mit Formular. Die Homepage muss morgen fertig, da meine Frau die Firma gründet und ab Montag veröffentlicht
Ich bin sehr verzweifelt, weil die Formular funktioniert nicht.

Mit der Hilfer von Dreamweaver CS5 habe ich die Formular aufgebaut.

Problem ist :

Button "Löschen" funktionert nicht
Javascript z.B. "Vorname fehlt" funktioniert nicht.

Siehe meine liste von dreamweaver:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>GEPETE Anmeldung</title>
<link href="CSS/style.css" rel="stylesheet" type="text/css" media="screen"/>
<link rel="shortcut icon" href="Bilder/favicon.ico" />
<link rel="icon" href="Bilder/favicon_ani.gif" type="image/gif" />
<style type="text/css"></style>
<script type="text/javascript">
function chkFormular () {
  if (document.Formular.form1.value == "") {
    alert("Bitte Ihren Vorname eingeben!");
    document.Formular.User.focus();
    return false;
  }
  if (document.Formular.form2.value == "") {
    alert("Bitte Ihren Name eingeben!");
    document.Formular.Ort.focus();
    return false;
  }
  if (document.Formular.form6.value == "") {
    alert("Bitte Ihre E-Mail-Adresse eingeben!");
    document.Formular.Mail.focus();
    return false;
  }
  if (document.Formular.form6.value.indexOf("@") == -1) {
    alert("Keine E-Mail-Adresse!");
    document.Formular.Mail.focus();
    return false;
  }
  if (document.Formular.form15.value == "") {
    alert("AGB akzeptieren?");
    document.Formular.Mail.focus();
    return false;
  }
   </script>


</head>
<body>
<div id="headerlogo"></div>
<div id="header"> </div>
<div id="header-navi"><a href="startseite.html">Startseite</a> <a href="ubermich.html">Über mich</a> <a href="news.html">News</a> <a href="kursangebot.html">Kursangebot</a> <a href="galerie.html">Galerie</a> <a href="kontakt.html">Kontakt</a> <a href="links.html">Links</a> <a href="impressium.html">Impressum</a></div>

</div>
<div class="blaueText" id="Kontakt-Arena">
  
  <h2 class="blaueText">Verbindliche Anmeldung</h2>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  
<form action="https://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" method="post" enctype="multipart/form-data">

<form action="" method="post" name="form14" id="form14">
      <label for="auswählen" class="formtext">Welche Kurs</label>
      <select name="auswählen" class="formimput" id="auswählen" tabindex="A1">
        <option value="bitte auswählen">Bitte ausw&auml;hlen</option>
        <option value="Schnupper">Schnupperkurse</option>
        <option value="dgs1.1">DGS 1.1. (11.01.-22.03.2011) Euskirchen</option>
        <option value="dgs1.2">DGS 1.2. (31.03.-30.06.2011) Euskirchen</option>
        <option value="dgs2.B">DGS 2.B. (12.01.- 2.03.2011) Bonn</option>
        <option value="dgs2.1">DGS 2.1. (11.01.-22.03.2011) Euskirchen</option>
        <option value="dgs2.2">DGS 2.2. (29.03.-14.06.2011) Euskirchen</option>
        <option value="dgs3.1">DGS 3.1. (13.01.-24.03.2011) Euskirchen</option>
        <option value="dgs3.2">DGS 3.2. (29.03.-14.06.2011) Euskirchen</option>
        <option value="dgs3.B">DGS 3.B. (12.01.-02.03.2011) Bonn</option>
        <option value="dgs4.1">DGS 4.1. (13.01.-24.03.2011) Euskirchen</option>
        <option value="dgs4.2">DGS 4.2. (31.03.-30.06.2011) Euskirchen</option>
        <option value="WK1EU"> DGS 1 Wochenendekurs Euskirchen</option>
        <option value="WK2EU"> DGS 2 Wochenendekurs Euskirchen</option>
        <option value="WK1BN"> DGS 1 Wochenendekurs Bonn</option>
        <option value="WK2BN"> DGS 2 Wochenendekurs Bonn</option>
        
      </select>
    </form>

    <p>&nbsp;</p>
  <form id="form1" name="form1" method="post" action="">
    <label for="Vorname2" class="formtext">Vorname: *</label>
    <input name="Vorname" type="text" class="formimput" id="Vorname2" tabindex="1" />
  </form>
  <p>&nbsp;</p>
  <form id="form2" name="form2" method="post" action="">
<label for="Name" class="formtext">Name: * </label>
    <input name="Name" type="text" class="formimput" id="Name" />
  </form>
  <p>&nbsp;</p>
  <form id="form3" name="form3" method="post" action="">
    <label for="telefon" class="formtext">Telefon:</label>
    <input name="telefon" type="text" class="formimput" id="telefon" tabindex="3" />
  </form>
  <p>&nbsp;</p>
  <form id="form4" name="form4" method="post" action="">
    <label for="mobil" class="formtext">Mobil:</label>
    <input name="mobil" type="text" class="formimput" id="mobil" tabindex="4" />
  </form>
  <p>&nbsp;</p>
  <form id="form5" name="form5" method="post" action="">
    <label for="telefax" class="formtext">Telefax:</label>
    <input name="telefax" type="text" class="formimput" id="telefax" tabindex="5" />
  </form>
  <p>&nbsp;</p>
  <form id="form6" name="form6" method="post" action="">
<label for="email" class="formtext">E-Mail-Adresse: *</label>
  <input name="email" type="text" class="formimput" id="email" tabindex="6" />
  </form>
  <p>&nbsp;</p>
  <form id="form7" name="form7" method="post" action="">
    <label for="firma" class="formtext">Firma: </label>
    <input name="firma" type="text" class="formimput" id="firma" tabindex="7" />
  </form>
  <p>&nbsp;</p>
  <form id="form8" name="form8" method="post" action="">
    <label for="straße" class="formtext">Stra&szlig;e:</label>
    <input name="straße" type="text" class="formimput" id="straße" tabindex="8" />
  </form>
  <p>&nbsp;</p>
  <form id="form9" name="form9" method="post" action="">
    <label for="plz" class="formtext">Postleitzahl:</label>
    <input name="plz" type="text" class="formimput" id="plz" tabindex="10" />
  </form>
  <p>&nbsp;</p>
  <form id="form10" name="form10" method="post" action="">
    <label for="stadt" class="formtext">Stadt:</label>
    <input name="stadt" type="text" class="formimput" id="stadt" tabindex="11" />
  </form>
  <p>&nbsp;</p>
  <form id="form11" name="form11" method="post" action="">
<label for="textarena" class="formtext">Nachricht:</label>
    <textarea name="textarena" cols="45" rows="10" class="textarearahmen" id="textarena" tabindex="12"></textarea>
     
  </form>
  <p>&nbsp;</p>
  <form id="form15" name="form15" method="post" action="">
    <input type="radio" name="radio" id="AGB" value="AGB" tabindex="25" />
    <label for="AGB"><span class="schwarzText">Ich habe die <a href="agb.html">AGB</a></span> <span class="schwarzText">gelesen und habe damit einverstanden.</span></label>
  </form>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <form id="form12" name="form12" method="post" action="">
    <input name="send" type="submit" id="send" tabindex="13" value="senden" />
  </form>
  <form id="form13" name="form13" method="post" action="">
    <p>
      <input type="reset" name="löschen" id="löschen" value="löschen" tabindex="14" />
    </p>
    <p>&nbsp;</p>
  </form>
  </form>
  <p>&nbsp;</p>
</div>
</body>
</html>

Fehler gefunden?
 
Zuletzt bearbeitet von einem Moderator:

D

Doitsu

Aktives Mitglied

AW: Formular_Problem

Lass dir die Seite lieber von einem bauen der Ahnung hat, alleine schon weil du eine Rechtschreibschwaeche hast. Wenn ich auf eine Internetseite von einer Firma gehen wuerde, wo die haelfte falsch geschrieben ist, ich glaube nicht dass ich mich dort anmelden wuerde.

Zum Problem warum loeschen nicht geht:
der reset-Button funktioniert nur im aktuellen form-Element, da du aber fuer alles eine eigene form anlegest, kann dasgar nicht gehen. Es macht auch wenig sinn..
Code: 
<form id="main_form" action="https://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" method="post" enctype="multipart/form-data">
  <input type="text" name="vorname" />
  <input type="text" name="nachname" />
  <input type="text" name="email" />
  .. etc ..
  <input type="reset" value="L&ouml;schen!" />
  <input type="submit" value="Absenden" />
</form>

Zur Javascript validierung:
Mach statt document.Formular.formxy.value einfach document.getElementById('ID NAME') beispiel an der eMail:

Code: 
if (document.getElementById('email').value.indexOf("@") == -1) {
  alert("Keine E-Mail-Adresse!");
  document.getElementById('email').focus();
  return false;
}
(wobei die Pruefung sehr schwach ist, x@x ist auch keine eMailadresse)

Ansonsten bitte das Codewerkzeug rechts oben im (erweiterten) Editor benutzen.
 
C

Crackp0t

Aktives Mitglied

AW: Formular_Problem

Du hast ungültige Zeichen(Umlaute, das sind äöü) in den HTML Attributen ID und Name. Es wird allgemein empfohlen, nur Alphanumerische (Zahlen und die Buchstaben a-z) Zeichen, sowie den Unter- und Bindestrich (_ und -) zu verwenden.

Neben einer clientseitigen Validierung der Form ist eine serverseitige Validierung zwingend erforderlich, da sich jedes Javascript aushebeln lässt. Das sollte dir bewusst sein.

Das &nbsp im <p> Tag sollte genauso vermieden werden, arbeite stattdessen mit CSS um deine Elemente zu positionieren.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 155 (Mitglieder: 4, Gäste: 151)
Robots: 880

Statistik des Forums

Themen
118.616
Beiträge
1.538.358
Mitglieder
67.536
Neuestes Mitglied
QuestionMark
Oben