mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 13:20 Benutzername: Passwort: Auto-Login

Thema: Formular Pflichtfeld - schickt trotzdem ab vom 15.04.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Formular Pflichtfeld - schickt trotzdem ab
Autor Nachricht
Anagura
Threadersteller

Dabei seit: 15.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst So 15.04.2007 16:56
Titel

Formular Pflichtfeld - schickt trotzdem ab

Antworten mit Zitat Zum Seitenanfang

Hallo!

Ich habe bereits hier im Forum gesucht und etwas zu dem Thema gefunden, doch funktioniert hat es trotzdem nicht.
Vllt habe ich ja etwas anders falsch gemacht

Das erste steht im head Bereich das zweite im body ..
Der Fehler ist, wenn nichts in "Vorname" eingefügt wird, zwar eine Fehlermeldung kommt, das Formular aber trotzdem abgeschickt wird ...
Weiß jemand was falsch ist?

Code:
<script type="text/javascript">
function chkFormular () {
  if (document.Formular.Vorname.value == "") {
    alert("Bitte Ihren Namen eingeben!");
    document.Formular.User.focus();
    return false;
  }
}
</script>


Code:
      <form name="Formular" action="http://www.onlex.de/_formmailer.php4?username=Anagura" method="post" target="_blank" onsubmit="return chkFormular()">
      <table border="0" width="766">
      <tr><td colspan="2"><p class="top2">!! Wir bitten um rechtzeitige Reservierung !!</p></td></tr>
      <tr><td><input type="radio" name="Wahl" value="Anfrage">Anfrage</td><td><input type="radio" name="Wahl" value="Reservierung">Fixe Reservierung</td></tr>
      <tr><td colspan="2"><p class="top2">GILT FÜR SELBSTFAHRER</p></td></tr>
      <tr><td colspan="2">Auftraggeber = Rechnungsempfänger</td></tr>
      <tr><td>Vorname</td><td><input type="text" name="Vorname" size="40"></td></tr>
      <tr><td>Nachname</td><td><input type="text" name="Nachname" size="40"></td></tr>
      <tr><td>PLZ</td><td><input type="text" name="PLZ" size="40"></td></tr>
      <tr><td>Ort</td><td><input type="text" name="Ort" size="40"></td></tr>
      <tr><td>Straße</td><td><input type="text" name="Straße" size="40"></td></tr>
      <tr><td>Hausnummer</td><td><input type="text" name="Hausnummer" size="40"></td></tr>
      <tr><td>Tel</td><td><input type="text" name="Tel" size="40"></td></tr>
      <tr><td>E-Mail</td><td><input type="text" name="Mail" size="40"></td></tr>
      <tr><td colspan="2">Welches Fahrzeug wollen Sie mieten?</td></tr>
      <tr><td colspan="2"><input type="radio" value="Hummer" name="Fahrzeug">Hummer H2 SUV - 5 Personen</td></tr>
      <tr><td colspan="2">An welchen Tag wollen Sie das Fahrzeug mieten?</td></tr>
      <tr><td colspan="2">BEGINN</td></tr>
      <tr><td>Tag <input type="text" name="Beginn Tag" size="20"></td><td>Monat <input type="text" name="Beginn Monat" size="20"></td></tr>
      <tr><td colspan="2">ENDE</td></tr>
      <tr><td>Tag <input type="text" name="Ende Tag" size="20"></td><td>Monat <input type="text" name="Ende Monat" size="20"></td></tr>
      <tr><td colspan="2">KM Angabe für Hummer H2</td></tr>
      <tr><td><input type="radio" name="km" value="200">200 km</td><td><input type="radio" name="km" value="700">700 km</td></tr>
      <tr><td><input type="radio" name="km" value="300">300 km</td><td><input type="radio" name="km" value="800">800 km</td></tr>
      <tr><td><input type="radio" name="km" value="400">400 km</td><td><input type="radio" name="km" value="1000">1000 km</td></tr>
      <tr><td><input type="radio" name="km" value="500">500 km</td><td><input type="radio" name="km" value="2000">2000 km</td></tr>
      <tr><td colspan="2">Wer lenkt das Fahrzeug?</td></tr>
      <tr><td>Vorname</td><td><input type="text" name="Fahrer Vorname" size="29"></td></tr>
      <tr><td>Nachname</td><td><input type="text" name="Fahrer Nachname" size="29"></td></tr>
      <tr><td>PLZ</td><td><input type="text" name="Fahrer PLZ" size="40"></td></tr>
      <tr><td>Ort</td><td><input type="text" name="Fahrer Ort" size="40"></td></tr>
      <tr><td>Straße</td><td><input type="text" name="Fahrer Straße" size="40"></td></tr>
      <tr><td>Hausnummer</td><td><input type="text" name="Fahrer Hausnummer" size="40"></td></tr>
      <tr><td>Tel</td><td><input type="text" name="Fahrer Tel" size="40"></td></tr>
      <tr><td>E-Mail</td><td><input type="text" name="Fahrer Mail" size="40"></td></tr>
      <tr><td colspan="2"><input type="submit" name="Absenden" onClick="return EingabenUeberpruefen();" value="Absenden"></td></tr>
      </table>
      </form>
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst So 15.04.2007 18:01
Titel

Antworten mit Zitat Zum Seitenanfang

klar. du sendest das formular ja auch durch den submit button ab. da isses egal, ob du danach noch eine überprüfung der eingaben machst oder nicht.

Code:
<script type="text/javascript">
function chkFormular () {
  if (document.Formular.Vorname.value == '') {
    alert("Bitte Ihren Namen eingeben!");
    document.Formular.User.focus();
  }
  else {
     document.Formular.submit();   
  }
}
</script>



Code:
 <form name="Formular" action="http://www.onlex.de/_formmailer.php4?username=Anagura" method="post" target="_blank">
      <table border="0" width="766">
         <tr><td colspan="2"><p class="top2">!! Wir bitten um rechtzeitige Reservierung !!</p></td></tr>
         <tr><td><input type="radio" name="Wahl" value="Anfrage">Anfrage</td><td><input type="radio" name="Wahl" value="Reservierung">Fixe Reservierung</td></tr>
         <tr><td colspan="2"><p class="top2">GILT FÜR SELBSTFAHRER</p></td></tr>
         <tr><td colspan="2">Auftraggeber = Rechnungsempfänger</td></tr>
         <tr><td>Vorname</td><td><input type="text" name="Vorname" size="40"></td></tr>
         <tr><td>Nachname</td><td><input type="text" name="Nachname" size="40"></td></tr>
         <tr><td>PLZ</td><td><input type="text" name="PLZ" size="40"></td></tr>
         <tr><td>Ort</td><td><input type="text" name="Ort" size="40"></td></tr>
         <tr><td>Straße</td><td><input type="text" name="Straße" size="40"></td></tr>
         <tr><td>Hausnummer</td><td><input type="text" name="Hausnummer" size="40"></td></tr>
         <tr><td>Tel</td><td><input type="text" name="Tel" size="40"></td></tr>
         <tr><td>E-Mail</td><td><input type="text" name="Mail" size="40"></td></tr>
         <tr><td colspan="2">Welches Fahrzeug wollen Sie mieten?</td></tr>
         <tr><td colspan="2"><input type="radio" value="Hummer" name="Fahrzeug">Hummer H2 SUV - 5 Personen</td></tr>
         <tr><td colspan="2">An welchen Tag wollen Sie das Fahrzeug mieten?</td></tr>
         <tr><td colspan="2">BEGINN</td></tr>
         <tr><td>Tag <input type="text" name="Beginn Tag" size="20"></td><td>Monat <input type="text" name="Beginn Monat" size="20"></td></tr>
         <tr><td colspan="2">ENDE</td></tr>
         <tr><td>Tag <input type="text" name="Ende Tag" size="20"></td><td>Monat <input type="text" name="Ende Monat" size="20"></td></tr>
         <tr><td colspan="2">KM Angabe für Hummer H2</td></tr>
         <tr><td><input type="radio" name="km" value="200">200 km</td><td><input type="radio" name="km" value="700">700 km</td></tr>
         <tr><td><input type="radio" name="km" value="300">300 km</td><td><input type="radio" name="km" value="800">800 km</td></tr>
         <tr><td><input type="radio" name="km" value="400">400 km</td><td><input type="radio" name="km" value="1000">1000 km</td></tr>
         <tr><td><input type="radio" name="km" value="500">500 km</td><td><input type="radio" name="km" value="2000">2000 km</td></tr>
         <tr><td colspan="2">Wer lenkt das Fahrzeug?</td></tr>
         <tr><td>Vorname</td><td><input type="text" name="Fahrer Vorname" size="29"></td></tr>
         <tr><td>Nachname</td><td><input type="text" name="Fahrer Nachname" size="29"></td></tr>
         <tr><td>PLZ</td><td><input type="text" name="Fahrer PLZ" size="40"></td></tr>
         <tr><td>Ort</td><td><input type="text" name="Fahrer Ort" size="40"></td></tr>
         <tr><td>Straße</td><td><input type="text" name="Fahrer Straße" size="40"></td></tr>
         <tr><td>Hausnummer</td><td><input type="text" name="Fahrer Hausnummer" size="40"></td></tr>
         <tr><td>Tel</td><td><input type="text" name="Fahrer Tel" size="40"></td></tr>
         <tr><td>E-Mail</td><td><input type="text" name="Fahrer Mail" size="40"></td></tr>
         <tr><td colspan="2"><input type="button" name="Absenden" onClick="EingabenUeberpruefen();" value="Absenden"></td></tr>
      </table>
</form>


Zuletzt bearbeitet von sahnemuh am So 15.04.2007 18:02, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Anagura
Threadersteller

Dabei seit: 15.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst So 15.04.2007 18:27
Titel

Antworten mit Zitat Zum Seitenanfang

Oh danke ..

Und wenn ich jetzt weitere Pflichtfelder einfüge, also z.B. Nachname, muss ich einfach im head Script ein weiteres if einfügen und das else am ende stehen lassen oder?

EDIT: Es funkt jetzt irgendwie gar nichts mehr Hmm...?!


Zuletzt bearbeitet von Anagura am So 15.04.2007 18:32, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anagura
Threadersteller

Dabei seit: 15.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 17.04.2007 19:45
Titel

Antworten mit Zitat Zum Seitenanfang

Hat keiner eine Idee?
  View user's profile Private Nachricht senden
schachbrett

Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Di 17.04.2007 20:44
Titel

Antworten mit Zitat Zum Seitenanfang

Probiers doch einfach aus.
Code:
<html>
<head>
<script type="text/javascript">
checkForm = function() {

  // Vorname?
  if( document.Formular.Vorname.value == "" ) {
    alert( "Bitte geben Sie Ihren Vornamen ein." );
    document.Formular.Vorname.focus();
    return false;
  } else
 
  // Nachname?
  if( document.Formular.Nachname.value == "" ) {
    alert( "Bitte geben Sie Ihren Nachnamen ein." );
    document.Formular.Nachname.focus();
    return false;
  }

  // etc.
 
  return true;
}
</script>
</head>

<body>
<form action="?.php" name="Formular" onsubmit="return checkForm()">
   <input type="text" name="Vorname" />
   <input type="text" name="Nachname" />
   <input type="submit" />
</form>
</body>
</html>

"Bitte geben Sie Ihren Namen ein." klingt etwas weniger hoelzern, finde ich. Lächel
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Mi 18.04.2007 01:02
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
else {
     document.Formular.submit();   
  }

Gefährlich! Ganz gefährlich!
Was machen die User ohne Javascript?

Javascript sollte nur einen Mehrwert für den User bringen.
Man kann damit eine schöne, nette, clientseitige Prüfung machen. Diese kann aber in keinem Fall die serverseitige Prüfung ersetzen. Das MUSS ebenfalls noch stattfinden.
Nunja, aber jedenfalls würde ich es in keinem Fall so machen, daß das Formular per JS verschickt wird.
Das sollte in jedem Fall auch ohne JS funktionieren.


Code:
<form name="Formular" action="http://www.onlex.de/_formmailer.php4?username=Anagura" method="post" target="_blank">

Wieso denn diese Target-Angabe? Recht unschön gelöst, wie ich finde...

Code:
<form action="?.php" name="Formular" onsubmit="return checkForm()">

Hier fehlt das method-Attribut.

Und dann ist der Code für das Formular verdammt unschön.
Wenn die ganzen Tabellen da sehe... Argh!
Man muß in diesem Fall wirklich keine Tabellen zu Designzwecken mißbrauchen.
Alleine mit CSS kann man das Formular doch wunderschön gestalten.
Da dreht sich bei mir alles um, wenn ich so einen Code für so ein Formular sehe...
Aber nun gut...

Zitat:
Weiß jemand was falsch ist?

Vielleicht...
Hier wird die Funktion EingabenUeberpruefen() aufgerufen.
Code:
<input type="submit" name="Absenden" onClick="return EingabenUeberpruefen();" value="Absenden">

Gibt es die? Was macht die?
Ich sehe hier nur die Funktion chkFormular()
Code:
function chkFormular ()
  View user's profile Private Nachricht senden
schachbrett

Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Mi 18.04.2007 08:29
Titel

Antworten mit Zitat Zum Seitenanfang

rob hat geschrieben:
Code:
else {
     document.Formular.submit();   
  }

Gefährlich! Ganz gefährlich!
Was machen die User ohne Javascript?


Was passiert denn wohl bei deaktiviertem JavaScript? * Wo bin ich? *
  View user's profile Private Nachricht senden
Anagura
Threadersteller

Dabei seit: 15.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 21.04.2007 11:34
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo!

Es funktioniert einmal mit Javascript. Wenn jemand kein Javascript hat gibt es immer noch E-Mail ..
Vllt schaffe ich es noch anders zu machen.
Hm ja Tabellen .. ich mach es neu in CSS - ist ja nicht so schwierig.

Eine Frage hätte ich noch.
Kann man die radio Auswahllisten auch als Pflichtfeld formatieren? Wenn ja wie?

Gruß
Anagura
  View user's profile Private Nachricht senden
 
Ähnliche Themen Formular Überprüfung: Checkbox als Pflichtfeld
Formular, Javascript Pflichtfeld Verknüpfung
checkbox - pflichtfeld - AGB
Pflichtfeld bei Kontaktformular
Wie Pflichtfeld in PHP-Form machen?
Kontaktformular schickt Nachricht nicht ab
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.