Button enablen sobald letztes Textfield eingetragen...?

[Joel Eymard]

Hi Leute,
Folgendes Problem. Ich habe ein Formular mit diversen TextFields.
Wenn das Form/Page geladen wird soll der Submit Button DIABLED sein und
erst wenn man das letzte obligatorische TextField ausgefüllt hat soll sich der Btn autom. auf
ENABLE stellen damit man das Form senden kann.
Ist dies möglich und wenn ja wie geh ich da vor, resp.
wo find ich dazu die Infos???

Zweite u. letzte Frage: :-)
Wie steht es mit "Mnemonics"?
Beispiel: Mit der Taste "Delete" löst man auch den Delete Button aus.
Oder: Mit CTRL + B wird der "Bearbeiten" Button aktiviert.

Ist das möglich mit javascript und wenn, wo finde ich die
Informationen dazu?

Ich soll entwickeln für NN6.x/7.x  und ab IE 5.5

Danke im Voraus für Eure Hilfe

Guss aus Basel (sonnig)
joel

[Christian Seiler]

Hi,

Folgendes Problem. Ich habe ein Formular mit diversen TextFields.
Wenn das Form/Page geladen wird soll der Submit Button DIABLED sein und
erst wenn man das letzte obligatorische TextField ausgefüllt hat soll sich der Btn autom. auf
ENABLE stellen damit man das Form senden kann.
Ist dies möglich

ja.

und wenn ja wie geh ich da vor, resp.

onChange-Handler des Textfields: wenn das Textfield leer ist, den Button disablen, wenn das Textfield nicht leer ist, den Button enabled. Achtung: ein Formular kann nicht nur über einen Button Submitted werden (z.B. enter ins Textfield) - daher solltest Du immer auf dem Server noch eine weitere Überprüfung machen (Clientseitig kann nur ein "Zusatzfeature sein")

Desweiteren: Damit nicht-JS-Browser auch etwas mit Anfangen können, solltest Du mit document.write und <noscript> arbeiten.

wo find ich dazu die Infos???

http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm
http://selfhtml.teamone.de/javascript/objekte/forms.htm
http://selfhtml.teamone.de/javascript/objekte/elements.htm

Grüße,

Christian

[JOel Eymard]

und wenn ja wie geh ich da vor, resp.

onChange-Handler des Textfields: wenn das Textfield leer ist, den Button disablen, wenn das Textfield nicht leer ist, den Button enabled. Achtung: ein Formular kann nicht nur über einen Button Submitted werden (z.B. enter ins Textfield) - daher solltest Du immer auf dem Server noch eine weitere Überprüfung machen (Clientseitig kann nur ein "Zusatzfeature sein")

Desweiteren: Damit nicht-JS-Browser auch etwas mit Anfangen können, solltest Du mit document.write und <noscript> arbeiten.

Danke vielmals. Was mir noch nicht klar ist, ist, wie man einen
Button ausgraut oder aktiviert.
Ich bin halt eben erst beim Anfang(en) u. weiss noch nicht so reecht wie, was, wo (vorallem das "wie")  :-)
Wäre super wenn ich da hilfe hätte.

Gruss
Joel

[Christian Seiler]

Hallo,

Danke vielmals. Was mir noch nicht klar ist, ist, wie man einen
Button ausgraut oder aktiviert.

Wenn Du per JavaScript das verändern willst, dann steht Dir die eigenschaft disabled zur Verfügung (aus irgendeinem Grund entdecke ich sie jetzt nicht in SELFHTML):

Analog zu checked (http://selfhtml.teamone.de/javascript/objekte/elements.htm#checked) kannst Du disabled verwenden:

document.formularname.buttonname.disabled = true; // graut ihn aus
document.formularname.buttonname.disabled = false; // macht ihn wieder "normal"

Wenn der Button von Start an disabled sein soll, dann muss der Submit-Button zusätzlich folgendes Attribut haben:

<input type="submit" name="irgendwas" value="Abschicken" disabled="disabled" />
                                                         ^^^^^^^^^^^^^^^^^^^

Grüße,

Christian

[Joel Eymard]

Christian,

»» Wenn Du per JavaScript das verändern willst, dann steht Dir die eigenschaft disabled zur Verfügung (aus irgendeinem Grund entdecke ich sie jetzt nicht in SELFHTML):

»» Analog zu checked (http://selfhtml.teamone.de/javascript/objekte/elements.htm#checked) kannst Du disabled verwenden:

»» document.formularname.buttonname.disabled = true; // graut ihn aus
  »» document.formularname.buttonname.disabled = false; // macht ihn wieder "normal"

»» Wenn der Button von Start an disabled sein soll, dann muss der Submit-Button zusätzlich folgendes Attribut haben:

»» <input type="submit" name="irgendwas" value="Abschicken" disabled="disabled" />

Ich danke Dir vielmals. Hatte auch bei SelfHTML geschaut und grad nichts gefunden.
Ich bin froh, das es ab und zu Leute gibt, welche bereitwillig helfen und auch noch wissen, dass jeder anfangen musste.
Es gibt viele, die nur antworten schreiben wie... schau selber nach, oder
stell nicht solche fragen blabla
:-)
thanx again
Gruss aus Basel (sonnig)
Joel