Formularabfrage und keine Ahnung :-(

Hallo NG,
tut mir leid, dass ich mit meinem vermutlich einfachen Problem ärgern muss:
In einer Infoseite für Grundschüler zum Thema Sonnenschutz (Schulprojekt)
soll eine einfache Möglichkeit gegeben werden drei Städtenamen neben drei
Bildern einzugeben und anschließend mit einer "Ergebnis prüfen"-Button dies
getan werden. Sind Felder nicht, oder fehlerhaft eingegeben soll eine kleine
Meldung kommen. Stimmen alle Felder geht es eine entsprechende Seite weiter.
Ich habe es über chkformular probiert. Das Grundprinzip funktioniert. Leider
kann ich aber alles mögliche eingeben und es wird als korrekt bewertet. Es
sollen die dei Begriffe Berlin, Jakarta und Denver eingegeben werden. Da ich
von Javascript eigentlich keine Ahnung habe, bin ich total aufgeschmissen.

Ich würde mich freuen, wenn mir jemand helfen könnte.

CU Frank


Das Script sieht wie folgt aus:

<script type="text/javascript">
<!--
function chkFormular()
{
if(document.Formular.User.value == "") {
alert("Die Antwort 1 ist noch nicht korrekt!");
document.Formular.stadt1.focus();
return false;
}
if(document.Formular.Ort.value == "") {
alert("Die Antwort 2 ist noch nicht korrekt!");
document.Formular.stadt2.focus();
return false;
}
if(document.Formular.Mail.value == "") {
alert("Die Antwort 3 ist noch nicht korrekt!");
document.Formular.stadt3.focus();
return false;
}

}
//-->
</script>



und das Formular wie folgt:
<form name="Formular" action="ergebnis.htm" method="post"
onSubmit="return chkFormular()">
<pre>&nbsp;</pre>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="34%"><input name="stadt1" type="Berlin"
size="20">
</td>
<td width="66%"><img src="images/uhr1.gif" width="214"
height="211"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><input type="Jakarta" size="20" name="stadt2"></td>
<td><img src="images/uhr2.gif" width="214"
height="211"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><input type="Denver" size="20" name="stadt3"></td>
<td><img src="images/uhr3.gif" width="214"
height="211"></td>
</tr>
</table>
<pre><br><input type="submit" value="Eingaben
&uuml;berpr&uuml;fen">
</pre>
</form>

Frank Sprünken wrote:

From: "Frank Sprünken" <spruenki@!gmx.de
^ ^

Du magst bitte 8-bit-Zeichen aus Headerzeilen fortlassen [1] und
eine gültige Absenderadresse angeben [2].

[...] Das Script sieht wie folgt aus:

script type="text/javascript"
!--
function chkFormular()
{
if(document.Formular.User.value == "") {

Dein Formular hat kein Element namens "User".

alert("Die Antwort 1 ist noch nicht korrekt!");
document.Formular.stadt1.focus();
return false;
}
if(document.Formular.Ort.value == "") {

Dein Formular hat auch kein Element namens "Ort".

alert("Die Antwort 2 ist noch nicht korrekt!");
document.Formular.stadt2.focus();
return false;
}
if(document.Formular.Mail.value == "") {

Ein Element namens "Mail" ist dort auch nicht zu sehen.

alert("Die Antwort 3 ist noch nicht korrekt!");
document.Formular.stadt3.focus();
return false;
}

}
//--
/script



und das Formular wie folgt:
form name="Formular" action="ergebnis.htm" method="post"
onSubmit="return chkFormular()"

Besser ist es hier, eine Referenz auf das Formular an die
Funktion zu übergeben

<form ... onsubmit="return chkFormular(this)">

und in der Funktion dann darüber zu referenzieren:

function chkFormular(myForm) {
if(myForm.elements["stadt1"].value != "Berlin") {
alert("Die Antwort 1 ist noch nicht korrekt!");
myForm.elements["stadt1"].focus();
return false;
}
...
}

[...]
input name="stadt1" type="Berlin" size="20"
[...]

Ein Input-Type namens "Berlin" ist genau wo spezifiziert [3]?

[1] http://oe-faq.de/?StepbyStep
[2] http://gerlo.de/falsche-email-adressen.html
[3] http://www.w3.org/TR/html4/interact/forms.html#h-17.4.1
http://validator.w3.org/

ciao, dhgm

Dietmar Meier wrote:

Ein Input-Type namens "Berlin" ist genau wo spezifiziert [3]?

Mit den Erweiterungen, die mit CSS 5 kommen, kannst Du damit die
Sprachausgabe regulieren. Der Text-Inhalt des jeweiligen Objektes wird
dann im entsprechenden Dialekt vorgelesen. In diesem Fall auf Berlinistisch.

Alternativ zum Text-Inhalt des Objektes kann man über Referenzierungen
der art: ref="foo" das Element mit der id "foo" referenzieren und dessen
Inhalt vorlesen lassen. Dies macht besonders beim oben verwendeten
input-Element Sinn, das meist selbst keinen Inhalt hat.
Für input-Elemente gilt zudem, das die Spracherkennung sowohl
gesprochene, als auch geschriebene, dialekt bedingte Fehler wie
beispielsweise "Gemo Kino?" ("Gehen wir in das Lichtspielhaus?")
automatisch korrigieren kann.
Für CSS 5 ist derzeit nur jeweils 1 Dialekt pro Bundesland vorgesehen.
Firefox 3.0 PLFRC (probably latest finale release candidate) verspricht
aber im neuesten Nightly Extensions, die automatisch jeden Dialekt
verstehen sollen.

Ob das auch mit Herr Müller von nebenan funktioniert, wage ich
allerdings zu bezweifeln. Zu seinem badischen Kauderwelsch nuschelt der
immer so.

Schönen Arbeitstag
Daniel

Daniel Kirsch <Iwillnotread_daniel (AT) gmx (DOT) de> typed:

Ein Input-Type namens "Berlin" ist genau wo spezifiziert [3]?

Mit den Erweiterungen, die mit CSS 5 kommen, kannst Du damit die
Sprachausgabe regulieren. Der Text-Inhalt des jeweiligen Objektes wird
dann im entsprechenden Dialekt vorgelesen. [...]

ROTFL!

Schönen Arbeitstag

Gleichfalls!, dhgm