使用必需的输入验证

背景信息

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

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

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

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

备注：

Container 控件还有一个 isValid 属性。

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

有关这方面的更多信息，请查看容器验证页面。

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

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

步骤

打开您现有的应用程序或启动一个新应用程序。
向应用程序添加新的“按钮”控件。
- 在“文本”属性中添加 Subscribe。
向您的应用程序添加一个新的空白页面。
- 将页面重命名为“订阅页面”。
在页面顶部添加“标头”显示控件。
- 在“文本”属性中添加 Subscribe to this app。
在标头下方添加“文本框”控件。
- 将其重命名为Name。
- 在“标签”属性中添加 Name:。
- 将“验证”中的“必需”属性设置为 =true。
在“名称”文本框下方添加“文本框”控件。
- 将其重命名为Email。
- 在“标签”属性中添加 Email:。
- 将“验证”中的“必需”属性设置为 =true。
在最后一个文本框下方添加一个日期选取器控件。
- 将其重命名为Date of birth。
- 在“标签”属性中添加 Date of birth:。
- 将“验证”中的“必需”属性设置为 =true。
  
  备注：
  每个控件都有一个 isValid 属性。此属性将告诉我们控件是否有效。
  
  默认情况下，当控件的“必需”属性设置为 =true 时，该控件将无效。
  图 1 ..
在日期选取器下方添加一个“按钮”控件。
- 在“文本”属性中添加 Submit。
- 在“禁用”属性中，使用先前配置的控件中的“isValid”属性构建以下表达式：=! Name.isValid || !Email.isValid || !Date of birth.isValid。
从“主页”转到“订阅”按钮，然后配置“单击”事件。
- 添加“打开页面”规则。
- 在“要打开的页面”字段中添加“订阅页面”。
- 标记“显示为弹出窗口（模态）”复选框。