[JavaScript] Formularüberprüfung - focus

**wahsaga** · 16-05-2006, 13:22

Re: [JavaScript] Formularüberprüfung - focus

Original geschrieben von Dragostea
[...] mein Problem ist, dass ich es nicht hinbekomme

In deinem Code ist nicht mal zu sehen, dass du es irgendwo versucht hättest ...

**Dragostea** · 16-05-2006, 13:36

ich weiß. ich habs ein paar mal versucht, einmal direkt in den if teilen und nachher noch unten an der stelle:
if (Fehlermeldung)
{
alert(Fehlermeldung);
return false;
}
else
{
return true;
}

aber das das nicht ging, hab ich es auch nicht gespeichert und nicht hier rein kopiert, da ich nicht falsche sachen hier drin haben wollt.

**Dragostea** · 13-06-2006, 14:04

[JavaScript] Focus setzten

hallo,
ich habe schon mal einen Beitrag reingestellt, aber keine Antwort bekommen. Ich muss es hinbekommen, dass bei nem Formular das nicht ganz ausgefüllt ist, der focus auf das vergessene Feld springt.
So ich habe folgendes programmiert:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Eingabeformular</title>
<style type="text/css">
a:active {font-family: Helvetica;Arial; font-size: 10pt;color:#0000CC;text-decoration:none;}
a:visited {font-family: Helvetica;Arial; font-size: 10pt;color:#0000CC;text-decoration:none;}
a:hover {font-family: Helvetica;Arial; font-size: 10pt;color: red;text-decoration:underline;}
body { background-color:#02EEEE;}
p{}
div{ border-color:blue;}
tr{}
td{}
h1{font-family: Helvetica;Arial; font-size: 12pt;color: blue; text-decoration:underline}
h2{}

</style>

<script type="text/JavaScript">

function chkEingabeformular() {
{
var Fehlermeldung = "";

if(document.Eingabeformular.user.value =="")
{
Fehlermeldung+="Bitte geben sie Ihren Namen an!\n";
if (Fehlerfeld == "") {Fehlerfeld = "user";}
}

if(document.Eingabeformular.Strasse.value =="")
{
Fehlermeldung+="Bitte geben sie Ihre Straße an!\n";
if (Fehlerfeld == "") {Fehlerfeld = "Strasse";}
}

if(document.Eingabeformular.plz_ort.value =="")
{
Fehlermeldung+="Bitte geben sie Ihren Wohnort und ihre Postleitzahl an!\n";
if (Fehlerfeld == "") {Fehlerfeld = "plz_ort";}

}

if(document.Eingabeformular.email.value =="")
{
Fehlermeldung+="Bitte geben sie Ihre E-mail Adresse an!\n";
if (Fehlerfeld == "") {Fehlerfeld = "email";}

}

if(document.Eingabeformular.kommentar.value =="")
{
Fehlermeldung+="Bitte geben sie einen Kommentar ein!\n";
if (Fehlerfeld == "") {Fehlerfeld = "kommentar";}

}

if (Fehlermeldung)

{
alert(Fehlermeldung);
// Focus setzen !!?
return false;
}
else
{
return true;
}
}
//-->

}
</script>

</head>
<body>

<table border="0" width="675" height="278">

<form action="input_text.htm" name="Eingabeformular" method="post" onsubmit="chkEingabeformular ()">

<td height="270" width="218">
<p style="line-height: 100%; margin-top: -1; margin-bottom: -1">

<input type="checkbox" name="bitte_anrufen" value="ON">Bitte
rufen Sie uns an
<p style="line-height: 100%; margin-top: -1; margin-bottom: -1">

 

<p style="line-height: 100%; margin-top: -1; margin-bottom: -1"> </p>

<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">Name:<br><input name="user" type="text" size="30" maxlength="30"></p>

<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">Strasse:<br><input name="Strasse" type="text" size="30" maxlength="30"></p>
<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">PLZ/Ort:<br><input name="plz_ort" type="text" size="30" maxlength="30"></p>
<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">Tel.:<br><input name="tel" type="text" size="30" maxlength="30"></p>
<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">EMail:<br><input name="email" type="text" size="30" maxlength="30"></p>
<p style="line-height: 100%; margin-top: 0; margin-bottom: 0">Internet:<br><input name="internet" type="text" size="30" maxlength="30"></p>

<td width="443" rowspan="7" height="274"> 

<form action="textarea.htm"
<p>    Kommentar:<br>
   
<textarea name="kommentar" cols="50" rows="15" </textarea>
</textarea>

</td>
<tr>
<td height="33" width="218">
<input type="submit" value="Absenden">
</tr>

</form>

Mein schlauer Lehrer hat leider selber keine Ahnung, hat jetzt aber die zeilen:
if (Fehlerfeld == "") {Fehlerfeld = "user";}
hinzugefügt und meinte ich soll nach einem befehl suchen, der es ermöglicht dass der cursor in das leere feld springt. Das problem ist nur, dass ich nicht viel ahnung habe und auch nicht weiß wie ich das hinbekommen soll, wenn selbst er das nicht blickt.
Wär nett, wenn mir jemand helfen könnte!
Danke schon mal.

**wahsaga** · 13-06-2006, 14:14

Re: [JavaScript] Focus setzten

Unterlasse bitte Doppelpostings. *zusammenführ*

Mein schlauer Lehrer hat leider selber keine Ahnung, hat jetzt aber die zeilen:
if (Fehlerfeld == "") {Fehlerfeld = "user";}
hinzugefügt und meinte ich soll nach einem befehl suchen, der es ermöglicht dass der cursor in das leere feld springt.

Du willst also schlicht und einfach über seinen eindeutigen Namen auf ein Formularfeld zugreifen - also lies http://de.selfhtml.org/javascript/ob...tm#allgemeines

**koki** · 19-07-2006, 09:32

[JavaScript]

Hoi,
nur als kleiner Hinweis:
bei dem focus solltest du darauf achten das du mit dem Timer arbeitest, da sonst mozilla den focus nicht setzen kann. Saß da selbst auch ne weile dran bis ich das rausgefunden habe....
sieht ungefähr so aus:

setTimeout("setFocus()",10);

[JavaScript] Formularüberprüfung - focus