O parâmetro Debounce define o atraso (em ms) para o onChange gatilho para correr. Este parâmetro é encontrado em blocos que alteram as propriedades dos campos de entrada, tais como InputString Update Properties.

InputString Update Properties.

O valor por defeito de Debounce é 0, mas pode definir qualquer atraso. No entanto, os valores de 500 a 1500 são óptimos para percepção.

Utilização de Debounce para validar a entrada de correio electrónico

É frequente ter de verificar os valores do utilizador algures, tais como o correio electrónico, ao registar-se e entrar na aplicação. Pode configurar a validação do correio electrónico e executá-la quando são feitas alterações ao campo de entrada. Neste caso, o resultado da verificação será negativo até o utilizador introduzir completamente o seu e-mail. Para tais casos, Debounce é necessário. Vamos dar uma vista de olhos ao Debounce parâmetro na prática. Pegar no parâmetro input email da norma AppMaster página de login.

Standard AppMaster login page.

Na página de onCreate gatilho, conjunto Debounce utilizando o InputEmail Update Properties bloco.

Configurar verificação de e-mail.

Estabelecer validação para o bloco onChange desencadear e utilizar o IsValidEmail bloco. Vamos passar o valor do gatilho para este bloco.

O passo seguinte é alterar o Validate Status campo para Error se a validação falhar. Para o fazer, precisamos de um If-Else bloco. Passar o resultado do bloco Is Valid Email bloquear a mesma.

Utilizar o bloco InputEmail Update Properties bloco, no qual o Validate Status deve ser alterado para Errore definir o Validate Message para "Incorrect email.”

Agora faça o mesmo para uma entrada bem sucedida. Coloque-os no true conector do If-Else bloco.

Este é o resultado

Was this article helpful?

AppMaster.io 101 Curso de Crash

10 Módulos
2 Semanas

Não sabe por onde começar? Avance com o nosso curso intensivo para principiantes e explore o AppMaster de A a Z.

Iniciar curso
Development it’s so easy with AppMaster!

Precisa de mais ajuda?

Resolva qualquer problema com a ajuda de nossos especialistas. Economize tempo e concentre-se na criação de seus aplicativos.

headphones

Entre em contato com o suporte

Conte-nos sobre o seu problema, e nós encontraremos uma solução para você.

message

Bate-papo da comunidade

Discuta perguntas com outros usuários em nosso chat.

Junte-se à comunidade