Widget „Überprüfung - Textfeld“ einfügen und bearbeiten



    Widget „Überprüfung - Textfeld“ einfügen

    1. Wählen Sie „Einfügen“ > „Spry“ > „Spry-Überprüfung - Textfeld“.
    2. Füllen Sie das Dialogfeld „Eingabehilfen-Attribute für Input-Tag“ aus und klicken Sie auf „OK“.
    Hinweis: Sie können Widgets vom Typ „Überprüfung - Textfeld“ auch über die Kategorie „Spry“ im Bedienfeld „Einfügen“ hinzufügen.

    Typ und Format für Überprüfung festlegen

    Für das Widget „Überprüfung - Textfeld“ können Sie verschiedene Überprüfungstypen festlegen. So können Sie beispielsweise eine Überprüfung für Kreditkarten einfügen, wenn das Textfeld die Eingabe einer Kreditkartennummer erfordert.

    1. Wählen Sie ein Widget vom Typ „Überprüfung - Textfeld“ im Dokumentfenster aus.
    2. Wählen Sie im Menü „Typ“ des Eigenschafteninspektors („Fenster“ > „Eigenschaften“) einen Überprüfungstyp aus.
    3. Wählen Sie ggf. eine Formatierungsoption aus dem Popupmenü „Format“.
    Bei den meisten Überprüfungstypen wird für das Textfeld die Standard-Formatoption eingestellt. Wenn Sie beispielsweise den Überprüfungstyp „Ganzzahl“ auf ein Textfeld anwenden, erfolgt die Überprüfung erst bei der Eingabe von Zahlen. Bei manchen Überprüfungstypen können Sie allerdings ein Format für das Textfeld wählen. In der folgenden Tabelle sind die über den Eigenschafteninspektor verfügbare Überprüfungstypen und Formate aufgelistet:

    Überprüfungstyp

    Format

    Kein

    Kein bestimmtes Format erforderlich.

    Ganzzahl

    Das Textfeld akzeptiert nur Zahlen.

    E-Mail Adresse

    Das Textfeld akzeptiert E-Mail-Adressen mit dem @-Symbol und einem Punkt (.), dem mindestens ein Buchstabe vorausgehen bzw. folgen muss.

    Datum

    Die Formate können variieren. Treffen Sie ein Auswahl aus dem Menü „Format“ des Eigenschafteninspektors.

    Uhrzeit

    Die Formate können variieren. Treffen Sie ein Auswahl aus dem Menü „Format“ des Eigenschafteninspektors. („tt“ steht für das 12- und „t“ für das 24-Std.-Format)

    Kreditkarte

    Die Formate können variieren. Treffen Sie ein Auswahl aus dem Menü „Format“ des Eigenschafteninspektors. Sie können festlegen, ob alle oder nur bestimmte Kreditkarten (MasterCard, Visa etc.) akzeptiert werden. Das Textfeld erlaubt bei Kreditkartennummern keine Leerschritte (z. B. 4321 3456 4567 4567).

    PLZ

    Die Formate können variieren. Treffen Sie ein Auswahl aus dem Menü „Format“ des Eigenschafteninspektors.

    Telefonnummer

    Es können Telefonnummern im Format (000) 000-0000 (USA und Kanada) oder in benutzerdefinierten Formaten eingegeben werden. Wenn Sie die Option „Benutzerdefiniertes Muster“ auswählen, geben Sie im Textfeld „Muster“ ein Format ein, z. B. 000.00(00).

    US-Sozialversicherungsnummer

    Im Textfeld können Sozialversicherungsnummern im Format 000-00-0000 eingegeben werden. Wenn Sie ein anderes Format verwenden möchten, wählen Sie den Überprüfungstyp „Benutzerdefiniert“ aus und geben Sie das gewünschte Format ein. Bei der Überprüfung des Formatmusters werden nur ASCII-Zeichen unterstützt.

    Währung

    Es werden Währungen im Format 1,000,000.00 oder 1.000.000,00 akzeptiert.

    Reelle Zahl/Exponentialschreibweise

    Zur Überprüfung verschiedener Zahlentypen: Ganzzahlen (z. B. 1); Fließwerte (z. B. 12.123) und Fließwerte aus der Exponentialschreibweise (z. B. 1.212e+12, 1.221e-12 wobei e als 10er-Potenz verwendet wird).

    IP-Adresse

    Die Formate können variieren. Treffen Sie ein Auswahl aus dem Menü „Format“ des Eigenschafteninspektors.

    URL

    Es werden URLs im Format http://xxx.xxx.xxx oder ftp://xxx.xxx.xxx akzeptiert.

    Benutzerdefiniert

    ermöglicht die Angabe eines benutzerdefinierten Überprüfungstyps und -formats. Geben Sie im Eigenschafteninspektor das Formatmuster (ggf. mit Eingabehinweis) ein. Bei der Überprüfung des Formatmusters werden nur ASCII-Zeichen unterstützt.

    Festlegen, wann eine Überprüfung erfolgt

    Sie können festlegen, wann die Überprüfung erfolgt, z. B. wenn der Benutzer außerhalb des Widgets klickt, bei der Texteingabe oder beim Abschicken des Formulars.

    1. Wählen Sie ein Widget vom Typ „Überprüfung - Textfeld“ im Dokumentfenster aus.
    2. Wählen Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) die gewünschte Option für den Überprüfungszeitpunkt aus. Sie können entweder alle Optionen oder nur die Übermittlung auswählen.
      OnBlur
      Überprüfung erfolgt, wenn der Benutzer außerhalb des Textfelds klickt.

      OnChange
      Überprüfung erfolgt, wenn der Benutzer Text im Feld ändert.

      OnSubmit
      Überprüfung erfolgt, wenn der Benutzer das Formular abschickt. Die Option „onSubmit“ ist standardmäßig ausgewählt und kann nicht deaktiviert werden.

    Minimale und maximale Zeichenanzahl festlegen

    Diese Option ist lediglich für die Überprüfungstypen „Keine“, „Ganzzahl“, „E-Mail-Adresse“ und „URL“ verfügbar.

    1. Wählen Sie ein Widget vom Typ „Überprüfung - Textfeld“ im Dokumentfenster aus.
    2. Geben Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) eine Zahl ins Feld „Zeichen min.“ bzw. „Zeichen max.“ ein. Wenn Sie beispielsweise unter „Zeichen min.“ eine 3 eingeben, erfolgt nur dann eine Überprüfung, wenn der Benutzer drei oder mehr Zeichen eingibt.

    Minimal- und Maximalwerte festlegen

    Diese Option ist lediglich für die Überprüfungstypen „Ganzzahl“, „Uhrzeit“, „Währung“ und „Reelle Zahl/Exponentialschreibweise“ verfügbar.

    1. Wählen Sie ein Widget vom Typ „Überprüfung - Textfeld“ im Dokumentfenster aus.
    2. Geben Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) eine Zahl ins Feld „Mindestwert“ bzw. „Höchstwert“ ein. Wenn Sie beispielsweise im Feld „Mindestwert“ eine 3 eingeben, erfolgt nur dann eine Überprüfung, wenn der Benutzer die Zahl 3 oder einen höheren Wert (4, 5, 6 usw.) eingibt.

    Widgetstatus in der Entwurfsansicht anzeigen

    1. Wählen Sie ein Widget vom Typ „Überprüfung - Textfeld“ im Dokumentfenster aus.
    2. Wählen Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) den Zustand aus, den Sie im Popupmenü „Zustandsvorschau“ anzeigen möchten. Wenn Sie beispielsweise das Widget in seinem gültigen Zustand anzeigen möchten, wählen Sie die Option „Gültig“.

    Erforderlichen Status eines Textfelds ändern

    Alle Widgets vom Typ „Überprüfung - Textfeld“, die Sie mit Dreamweaver eingeben, erfordern bei der Veröffentlichung auf einer Webseite eine Benutzereingabe. Sie können das Ausfüllen von Textfeldern allerdings auch als optional konfigurieren.

    1. Wählen Sie ein Widget vom Typ „Überprüfung - Textfeld“ im Dokumentfenster aus.
    2. Aktivieren bzw. deaktivieren Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) je nach Präferenz die Option „Erforderlich“.

    Tipps für Textfelder erstellen

    Da es sehr viele Formattypen für Textfelder gibt, sollte man dem Benutzer vielleicht einen Tipp geben, welches Format er eingeben muss. So können in ein Textfeld mit dem Überprüfungstyp „Telefonnummer“ beispielsweise nur Telefonnummern im Format (000) 000-0000 eingegeben werden. Sie können dieses Zahlenbeispiel als Tipp eingeben, damit das Textfeld beim Laden der Seite in den Browser das korrekte Format anzeigt.

    1. Wählen Sie ein Widget vom Typ „Überprüfung - Textfeld“ im Dokumentfenster aus.
    2. Geben Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) im Textfeld „Tipp“ einen Tipp ein.

    Ungültige Zeichen sperren

    Sie können verhindern, dass Benutzer ungültige Zeichen in ein Widget vom Typ „Überprüfung - Textfeld“ eingeben. Wenn Sie diese Option beispielsweise für ein Widget mit dem Überprüfungstyp „Ganzzahl“ auswählen, können nur ganze Zahlen eingegeben werden.

    1. Wählen Sie ein Widget vom Typ „Überprüfung - Textfeld“ im Dokumentfenster aus.
    2. Wählen Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) die Option „Muster erzwingen“ aus.