Operation Manual

Arbeiten mit dem Spry-Widget „Überprüfung - Textfeld“
Hinweis:
Nach oben
Anfangszustand
Zustand „Fokus“
Zustand „Gültig“
Zustand „Ungültig“
Erforderlich-Zustand
Zustand „Zeichen min.“
Zeichen max.-Zustand
Mindestwert-Zustand
Höchstwert-Zustand
Widget „Überprüfung - Textfeld“
Widget „Überprüfung - Textfeld“ einfügen und bearbeiten
Widget „Überprüfung - Textfeld“ anpassen
Spry-Widgets werden ab Dreamweaver CC durch jQuery-Widgets ersetzt. Sie können zwar vorhandene Spry-Widgets auf der Seite
noch ändern, aber Sie können keine neuen Spry-Widgets hinzufügen.
Widget „Überprüfung - Textfeld“
Mit einem Spry-Widget vom Typ „Überprüfung - Textfeld“ werden Gültig- bzw. Ungültig-Zustände bei der Eingabe von Text durch den Site-
Besucher angezeigt. So können Sie beispielsweise ein solches Widget zu einem Formular hinzufügen, in dem die Besucher ihre E-Mail-Adressen
eingeben müssen. Wenn dabei das @-Symbol und ein Punkt der Adresse nicht angegeben wird, gibt das Widget eine Meldung über eine
ungültige Benutzereingabe aus.
Das folgende Beispiel zeigt das Widget „Überprüfung - Textfeld“ in verschiedenen Zuständen:
A. Textfeld-Widget mit aktivierter Eingabehilfe B. Textfeld-Widget, gültiger Zustand C. Textfeld-Widget, ungültiger Zustand D. Textfeld-Widget,
erforderlicher Zustand
Das Widget „Überprüfung - Textfeld“ beinhaltet mehrere Zustände (z. B. Gültig, Ungültig, Erforderlich usw.). Sie können die Eigenschaften für
diese Zustände, je nach dem gewünschten Überprüfungsergebnis, mit dem Eigenschafteninspektor anpassen. Mit einem Widget Überprüfung -
Textfeld lassen sich unterschiedliche Aspekte überprüfen, z. B. wenn der Besucher außerhalb des Widgets klickt, bei der Eingabe von Text oder
beim Abschicken des Formulars.
Der Widget-Zustand, in dem die Seite in den Browser geladen wird oder der Benutzer das Formular zurücksetzt.
Der Widget-Zustand, in dem der Besucher im Widget einen Einfügepunkt setzt.
Der Widget-Zustand, in dem der Besucher Informationen korrekt eingegeben hat und das Formular abgeschickt werden kann.
Der Widget-Zustand, in dem der Besucher Text in einem ungültigen Format eingegeben hat. (Zum Beispiel die
Jahresangabe 06 anstatt 2006).
Der Widget-Zustand, in dem der Besucher nicht den erforderlichen Text in ein Feld eingegeben hat.
Der Widget-Zustand, in dem der Besucher weniger Zeichen als die Mindestanzahl in ein Textfeld eingegeben hat.
Der Widget-Zustand, in dem der Besucher mehr Zeichen als die Höchstanzahl in ein Textfeld eingegeben hat.
Der Widget-Zustand, in dem der Besucher eine Angabe gemacht hat, die unter dem Mindestwert des Textfelds liegt. (gilt
für Überprüfungen von Ganzzahlen, reellen Zahlen und Daten)
Der Widget-Zustand, in dem der Besucher eine Angabe gemacht hat, die über dem Höchstwert des Textfelds liegt. (gilt für
Überprüfungen von Ganzzahlen, reellen Zahlen und Daten)
Wenn ein Widget „Überprüfung - Textfeld“ durch eine Benutzeraktion in einen dieser Zustände versetzt wird, wendet die Logik des Spry-
Frameworks zur Laufzeit eine bestimmte CSS-Klasse auf den HTML-Container des Widgets an. Wenn der Benutzer beispielsweise ein Formular
abschickt, aber nicht alle Pflichtfelder ausgefüllt hat, wendet Spry eine Klasse auf das Widget an, die zur Anzeige der Meldung „Es muss ein Wert
angegeben werden“ führt. Die Regeln für Stil und Anzeige von Fehlermeldungen sind in der CSS-Regel für das Widget, hier
„SpryValidationTextField.css“, enthalten.
Das Standard-HTML für das Widget „Überprüfung - Textfeld“, normalerweise in einem Formular, enthält ein <span>-Container-Tag, das das
<input>-Tag des Textfelds umgibt. Das HTML für das Widget „Überprüfung - Textfeld“ enthält außerdem Skript-Tags im Kopf des Dokuments und
unterhalb des HTML-Markups des Widgets.
301