Le paramètre Debounce définit le délai (en ms) pour l'exécution du onChange déclencheur s'exécute. Ce paramètre se trouve dans les blocs qui modifient les propriétés des champs de saisie, tels que InputString Update Properties.

InputString Update Properties.

La valeur par défaut de Debounce est 0, mais vous pouvez définir n'importe quel délai. Toutefois, des valeurs comprises entre 500 et 1500 sont optimales pour la perception.

Utilisation de Debounce pour valider la saisie de l'e-mail

Vous devez souvent vérifier les valeurs de l'utilisateur quelque part, comme l'email, lors de l'enregistrement et de l'entrée dans l'application. Vous pouvez configurer la validation de l'e-mail et l'exécuter lorsque des modifications sont apportées au champ de saisie. Dans ce cas, le résultat de la vérification sera négatif jusqu'à ce que l'utilisateur saisisse complètement son adresse électronique. Pour de tels cas, Debounce est nécessaire. Jetons un coup d'œil au paramètre Debounce dans la pratique. Prenez le input email de la page standard de AppMaster page de connexion.

Standard AppMaster login page.

Sur le onCreate trigger, définissez Debounce en utilisant le InputEmail Update Properties bloc.

Configurer la vérification de l'email.

Mettez en place la validation pour le onChange et utilisez le bloc IsValidEmail bloc. Passons la valeur du déclencheur à ce bloc.

L'étape suivante consiste à changer le champ Validate Status en Error si la validation échoue. Pour ce faire, nous avons besoin d'un bloc If-Else bloc. Passez le résultat du bloc Is Valid Email à ce bloc.

Utilisez le bloc InputEmail Update Properties dans lequel le bloc Validate Status doit être changé en Erroret définissez la valeur Validate Message en "Incorrect email."

Faites maintenant la même chose pour les entrées réussies. Définissez-les sur le true connecteur du If-Else bloc.

Voici le résultat

Was this article helpful?

AppMaster.io 101 Cours accéléré

10 Modules
2 Semaines

Vous ne savez pas par où commencer ? Lancez-vous avec notre cours accéléré pour débutants et explorez AppMaster de A à Z.

Début du cours
Development it’s so easy with AppMaster!

Besoin d'aide?

Résolvez n'importe quel problème avec l'aide de nos experts. Gagnez du temps et concentrez-vous sur la création de vos applications.

headphones

Contactez le support

Parlez-nous de votre problème et nous vous trouverons une solution.

message

Chat communautaire

Discutez de questions avec d'autres utilisateurs dans notre chat.

Rejoindre la Communauté