So prüfen Sie die Passwortstärke

In diesem Beispiel erfahren Sie, wie Sie die Stärke des Passworts überprüfen können.

So bauen Sie es auf:

Siehe

• Wählen Sie „Eingabe-Textfeld“ aus dem Bereich „Interaktive Eingabefelder“ und platzieren Sie es auf der Leinwand, gehen Sie zur Palette Eigenschaften und wählen Sie den Typ: Kennwort.
• Setzen Sie einen „Text“ über die Eingabe und schreiben Sie „Passwort“.
• Wählen Sie ein „Dynamisches Panel“ aus dem Bereich „Dynamischer Inhalt“ und platzieren Sie es unter dem „Eingabe-Textfeld“.
• Wenn Sie das „Dynamische Panel“ ausgewählt haben, sehen Sie daneben ein schwebendes Menü. Fügen Sie zwei weitere Panels hinzu, indem Sie auf die Schaltfläche „+“ im Menü klicken.

• Gehen Sie bei ausgewähltem Panel Nr. 1 in die Palette Eigenschaften und ändern Sie die Hintergrundfarbe in Rot; als nächstes platzieren Sie einen „Text“ innerhalb des Panels und schreiben „Low“; halten Sie die Befehlstaste (Mac) bzw. die Strg-Taste (Windows) gedrückt, wenn Sie das Element hineinziehen, dann sehen Sie einen blauen Farbton.
• Wiederholen Sie die Aktionen für Feld 2, ändern Sie die Hintergrundfarbe in gelb und schreiben Sie „Medium“.
• Wählen Sie für Feld 3 die Hintergrundfarbe Grün und schreiben Sie „Hoch“.
• Um Ihre Ansicht abzuschließen, setzen Sie rechts neben Ihre Eingabe ein „Text“ und schreiben Sie die Länge: 0-2 schwach, 3-5 mittel, 6-10 hoch.

Ereignisse

Wählen Sie das „Eingabe-Textfeld“, gehen Sie zur Palette „Ereignisse“ und klicken Sie auf „Ereignis hinzufügen“. 

1. Klicken Sie in dem Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über „Tastatur“ und wählen Sie „bei Taste oben“.
2. Wählen Sie im Feld „Aktion wählen“ die Option „Aktives Panel festlegen“ und klicken Sie auf das erste Panel. Klicken Sie auf „Ok“, um die Erstellung des Ereignisses abzuschließen.

Gehen Sie zurück zur Palette Ereignisse und klicken Sie auf „Bedingung hinzufügen“.

Ziehen Sie im ersten Feld des Condition Builders die Funktion „Count“, dann das Feld „Input text field“ und im folgenden Bereich die Funktion „≤“; für das letzte Feld schreiben Sie „2“. Klicken Sie auf „Ok“, um die Erstellung Ihrer Bedingung abzuschließen.

Gehen Sie zur Palette Ereignisse und klicken Sie auf „Sonst“.

1. Klicken Sie in dem Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über „Tastatur“ und wählen Sie „bei Tastendruck“.
2. Wählen Sie unter „Aktion auswählen“ die Option „Aktives Panel festlegen“ und klicken Sie auf das zweite Panel. Klicken Sie auf „Ok“, um die Erstellung des Ereignisses abzuschließen.

Gehen Sie zurück zur Palette Ereignisse und klicken Sie auf „Bedingung hinzufügen“.

Ziehen Sie in das erste Feld des Condition Builders die Funktion „Count“, dann das Feld „Input text field“ und in den folgenden Bereich die Funktion „≤“; in das letzte Feld schreiben Sie „5“. Klicken Sie auf „Ok“, um die Erstellung Ihrer Bedingung abzuschließen.

Gehen Sie zur Palette Ereignisse und klicken Sie auf „Sonst“.

1. Klicken Sie in dem Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über „Tastatur“ und wählen Sie „bei Taste oben“.
2. Wählen Sie unter „Aktion wählen“ die Option „Aktives Panel festlegen“ und klicken Sie auf das letzte Panel. Klicken Sie auf „Ok“, um die Erstellung des Ereignisses abzuschließen.

Gehen Sie zurück zur Palette Ereignisse und klicken Sie auf „Sonst Bedingung hinzufügen“.

Ziehen Sie in das erste Feld des Condition Builders die Funktion „Count“, dann das Feld „Input text field“ und in den folgenden Bereich die Funktion „≤“; in das letzte Feld schreiben Sie „10“. Klicken Sie auf „Ok“, um die Erstellung Ihrer Bedingung abzuschließen.

Simulieren Sie Ihren Prototyp.