Il parametro Debounce imposta il ritardo (in ms) per l'esecuzione del trigger. onChange per l'esecuzione del trigger. Questo parametro si trova nei blocchi che modificano le proprietà dei campi di input, come ad esempio InputString Update Properties.

InputString Update Properties.

Il valore predefinito di Debounce è 0, ma è possibile impostare qualsiasi ritardo. Tuttavia, i valori da 500 a 1500 sono ottimali per la percezione.

Usare Debounce per convalidare l'immissione di e-mail

Spesso è necessario verificare i valori dell'utente da qualche parte, come l'e-mail, al momento della registrazione e dell'ingresso nell'applicazione. È possibile impostare la convalida dell'e-mail ed eseguirla quando vengono apportate modifiche al campo di input. In questo caso, il risultato del controllo sarà negativo fino a quando l'utente non inserirà completamente la sua e-mail. Per questi casi, Debounce è necessario. Diamo un'occhiata al parametro Debounce nella pratica. Prendiamo il parametro input email della pagina standard di AppMaster pagina di login.

Standard AppMaster login page.

Nell'azione onCreate impostare Debounce utilizzando il blocco InputEmail Update Properties blocco.

Impostare la verifica dell'e-mail.

Impostare la validazione per il trigger onChange e utilizzare il blocco IsValidEmail e utilizzare il blocco. Passiamo il valore dal trigger a questo blocco.

Il passo successivo è cambiare il campo Validate Status a Error se la validazione fallisce. Per farlo, abbiamo bisogno di un blocco If-Else blocco. Passare il risultato del blocco Is Valid Email ad esso.

Utilizzare il blocco InputEmail Update Properties in cui l'elemento Validate Status deve essere cambiato in Errore impostare il parametro Validate Message a "Incorrect email."

Ora fate la stessa cosa per l'immissione di successo. Impostarli sul connettore true del connettore del If-Else del blocco.

Questo è il risultato

Was this article helpful?

AppMaster.io 101 Corso intensivo

10 Moduli
2 settimane

Non sai da dove cominciare? Inizia con il nostro corso intensivo per principianti ed esplora AppMaster dalla A alla Z.

Inizia il corso
Development it’s so easy with AppMaster!

Serve ancora aiuto?

Risolvi qualsiasi problema con l'aiuto dei nostri esperti. Risparmia tempo e concentrati sulla creazione delle tue applicazioni.

headphones

Contatta il Supporto

Parlaci del tuo problema e ti troveremo una soluzione.

message

Chat comunitaria

Discuti le domande con altri utenti nella nostra chat.

Unisciti alla comunità