El parámetro Debounce establece el retraso (en ms) para que el onChange para que se ejecute el activador. Este parámetro se encuentra en los bloques que cambian las propiedades de los campos de entrada, como InputString Update Properties.

InputString Update Properties.

El valor por defecto de Debounce es 0, pero puede establecer cualquier retardo. Sin embargo, los valores de 500 a 1500 son óptimos para la percepción.

Uso de Debounce para validar la entrada de correo electrónico

A menudo tienes que comprobar los valores del usuario en algún lugar, como el correo electrónico, cuando se registra y entra en la aplicación. Puede configurar la validación del correo electrónico y realizarla cuando se realicen cambios en el campo de entrada. En este caso, el resultado de la comprobación será negativo hasta que el usuario introduzca completamente su correo electrónico. Para estos casos, Debounce es necesario. Veamos el parámetro Debounce en la práctica. Tome el input email de la página de AppMaster página de inicio de sesión.

Standard AppMaster login page.

En el onCreate trigger, establezca Debounce utilizando el bloque InputEmail Update Properties bloque.

Configurar la verificación del correo electrónico.

Configure la validación para el onChange trigger y utilice el IsValidEmail bloque. Pasemos el valor del disparador a este bloque.

El siguiente paso es cambiar el campo Validate Status a Error si la validación falla. Para ello, necesitamos un bloque If-Else bloque. Pasar el resultado del bloque Is Valid Email a este bloque.

Utilice el bloque InputEmail Update Properties en el que el bloque Validate Status debe cambiarse por Errory establecer el Validate Message a "Incorrect email."

Ahora haga lo mismo para la entrada con éxito. Póngalos en el true conector del If-Else bloque.

Este es el resultado

Was this article helpful?

AppMaster.io 101 Curso intensivo

10 Módulos
2 Semanas

¿No sabe por dónde empezar? Ponte en marcha con nuestro curso intensivo para principiantes y explora AppMaster de la A a la Z.

Inicio de curso
Development it’s so easy with AppMaster!

Necesitas más ayuda?

Resuelva cualquier problema con la ayuda de nuestros expertos. Ahorre tiempo y concéntrese en crear sus aplicaciones.

headphones

Soporte de contacto

Cuéntenos su problema y le encontraremos una solución.

message

Chat comunitario

Discutir preguntas con otros usuarios en nuestro chat.

Únete a la Comunidad