退避参数设置了触发器运行的延迟(以毫秒为单位)。 onChange 触发器运行的延迟(毫秒)。这个参数可以在改变输入字段属性的块中找到,例如 InputString Update Properties.

InputString Update Properties.

的默认值是 Debounce 的默认值是0,但你可以设置任何延迟。然而,从500到1500的值是最佳的感知。

使用Debounce 来验证电子邮件输入

在注册和进入应用程序时,你经常要在某个地方检查用户的数值,如电子邮件。你可以设置电子邮件验证,并在对输入字段进行更改时执行。在这种情况下,检查结果将是否定的,直到用户完全输入他的电子邮件。对于这种情况。 Debounce 是需要的。让我们来看看这个 Debounce 参数的实际应用。以 input email从标准的 AppMaster 登录页面。

Standard AppMaster login page.

onCreate 触发器上,使用 Debounce 使用 InputEmail Update Properties块。

设置了电子邮件验证。

设置验证,为 onChange 触发器,并使用 IsValidEmail块。让我们把触发器的值传递给这个块。

下一步是将 Validate Status字段改为 Error 如果验证失败。要做到这一点,我们需要一个 If-Else 块。将来自Is Valid Email 块的结果传递给它。

使用 InputEmail Update Properties块,其中的 Validate Status应该被改成 Error,并将 Validate Message为".Incorrect email."

现在对成功的条目做同样的处理。将它们设置为 true 的连接器。 If-Else块。

这就是结果

Was this article helpful?

AppMaster.io 101 速成班

10 模块
2 周数

不知道从哪里开始?通过我们的初学者速成课程,从A到Z探索AppMaster。

开始课程
Development it’s so easy with AppMaster!

需要更多帮助?

在我们专家的帮助下解决任何问题。节省时间并专注于构建您的应用程序。

headphones

联系支持

告诉我们您的问题,我们会为您找到解决方案。

message

社区聊天

在我们的聊天中与其他用户讨论问题。

加入社区