Der Debounce-Parameter legt die Verzögerung (in ms) fest, mit der der onChange Auslöser ausgeführt werden soll. Dieser Parameter findet sich in Blöcken, die die Eigenschaften von Eingabefeldern ändern, wie z. B. InputString Update Properties.

InputString Update Properties.

Der Standardwert von Debounce ist 0, aber Sie können jede beliebige Verzögerung einstellen. Für die Wahrnehmung sind jedoch Werte zwischen 500 und 1500 optimal.

Verwendung von Debounce zur Überprüfung von E-Mail-Eingaben

Oft müssen Sie die Werte des Benutzers irgendwo überprüfen, z. B. die E-Mail, wenn er sich registriert und in die Anwendung eintritt. Sie können eine E-Mail-Validierung einrichten und diese durchführen, wenn Änderungen am Eingabefeld vorgenommen werden. In diesem Fall wird das Prüfergebnis negativ sein, bis der Benutzer seine E-Mail vollständig eingegeben hat. Für solche Fälle, Debounce benötigt. Werfen wir einen Blick auf den Debounce Parameter in der Praxis. Nehmen Sie den input email von der Standard AppMaster Anmeldeseite.

Standard AppMaster login page.

Auf der onCreate Auslöser, setzen Sie Debounce mit Hilfe des InputEmail Update Properties Block.

Richten Sie die E-Mail-Überprüfung ein.

Richten Sie die Validierung für den onChange Auslöser und verwenden Sie den IsValidEmail Block. Übergeben Sie den Wert aus dem Auslöser an diesen Block.

Der nächste Schritt ist die Änderung des Validate Status Feld auf Error zu ändern, wenn die Validierung fehlschlägt. Dazu benötigen wir einen If-Else Block. Übergeben Sie das Ergebnis aus dem Is Valid Email Block an diesen Block.

Verwenden Sie den InputEmail Update Properties Block, in dem der Validate Status geändert werden soll in Errorgeändert werden soll, und setzen Sie den Validate Message auf "Incorrect email."

Machen Sie nun dasselbe für den erfolgreichen Eintrag. Setzen Sie sie auf den true Anschluss des If-Else Blocks.

Dies ist das Ergebnis

Was this article helpful?

AppMaster.io 101 Crash-Kurs

10 Module
2 Wochen

Sie wissen nicht, wo Sie anfangen sollen? Legen Sie los mit unserem Crashkurs für Anfänger und erkunden Sie AppMaster von A bis Z.

Kurs starten
Development it’s so easy with AppMaster!

Benötigen Sie weitere Hilfe?

Lösen Sie jedes Problem mit Hilfe unserer Experten. Sparen Sie Zeit und konzentrieren Sie sich auf die Erstellung Ihrer Anwendungen.

headphones

Kontaktieren Sie Support

Schildern Sie uns Ihr Problem und wir finden eine Lösung für Sie.

message

Community-Chat

Besprechen Sie Fragen mit anderen Benutzern in unserem Chat.

Community beitreten