使用必需的输入验证

背景信息

您可以通过将“必需”属性设置为=true ，使用必需的输入验证在运行时通知用户控件的输入是必需的。如果未在运行时填充控件，您还可以使用“必需的错误消息”属性设置错误消息。

您可以使用新的标签属性在控件旁边添加文本。您可以使用“样式”选项卡中的“标签放置”属性，将标签放置在控件的上方或左侧。

此属性当前可用于以下输入控件:

• 日期选取器
• 下拉列表
• 文件选取器
• 多选下拉菜单
• 单选按钮
• 滑块
• 文本区域
• 文本框

备注：

Container控件还有一个isValid属性。

Container控件的isValid属性适用于容器的所有控件部分。

For more information on this, check the Container validation page.

在下面的练习中，我们将构建一个带有所需输入验证的简单表单。您可以使用此练习更好地了解所需输入验证的工作原理，并了解如何在应用程序中有效地使用它。

使用必需的输入验证构建表单

步骤

1. 打开您现有的应用程序或启动一个新应用程序。
2. 向应用程序添加新的“按钮”控件。
   • 在“文本”属性中添加Subscribe。
3. 向您的应用程序添加一个新的空白页面。
   • 将页面重命名为“订阅”页面。
4. 在页面顶部添加“页眉”显示控件。
   • 在“文本”属性中添加Subscribe to this app。
5. 在标头下方添加“文本框”控件。
   • 将其重命名为Name。
   • 在“文本”属性中添加Name:。
   • 将“验证”中的“必需”属性设置为=true 。
6. 在“名称”文本框下方添加“文本框”控件。
   • 将其重命名为Email。
   • 在“文本”属性中添加Email:。
   • 将“验证”中的“必需”属性设置为=true 。
7. 在最后一个文本框下方添加一个日期选取器控件。

   • 将其重命名为Date of birth。

   • 在“文本”属性中添加Date of birth:。

   • 将“验证”中的“必需”属性设置为=true 。

     

     备注：

     每个控件都有一个 isValid 属性。此属性将告诉我们控件是否有效。

     默认情况下，当控件的“必需”属性设置为=true时，该控件将无效。

     图 1..

     

8. 在日期选取器下方添加一个“按钮”控件。

   • 在“文本”属性中添加Submit。

   • 在“禁用”属性中，使用先前配置的控件中的“isValid”属性构建以下表达式: =! Name.isValid || !Email.isValid || !Date of birth.isValid 。

     

9. 从“主页”转到“订阅”按钮，然后配置“单击”事件。

   • 添加“打开页面”规则。

   • 在“要打开的内容” 字段中添加“订阅页面”。

   • 标记“显示为弹出窗口（模态）”复选框。

     

程序结果

完成上述所有步骤后，您可以预览应用程序。

在预览模式下，如果您单击“订阅”按钮，将打开“订阅”页面。请注意，“提交”按钮已禁用，只有在填写所有必填字段后才会启用。

备注：

如果您在任何字段中键入一个值，然后将其删除，则会显示一条错误消息，并且该按钮将再次被禁用。