容器验证

背景信息

您可以使用容器的 isValid 属性检查容器内所有控件的输入验证。

这更容易，因为在构建应用程序时不再需要单独提及每个控件。

在此示例中，我们将在单个容器中构建一个包含五个控件的简单表单：

• 两个文本框：一个称为“ 名称”，另一个称为“ 电子邮件 ”（输入类型Email ）。
• 一个名为 Date ofbirth 的日期选取器。
• 一个名为“ 区域”的下拉列表。
• 一个名为“ 提交”的按钮。

步骤

1. 打开您现有的应用程序或启动一个新应用程序。
2. 将容器添加到您的应用程序。

3. 在容器内添加一个文本框控件。

   • 将其重命名为“名称”，并在“标签”属性中添加 Name。
   • 在“ 必需 ”属性中添加=true 。

4. 在容器中添加一个 Datepicker 控件。

   • 将其重命名为“出生日期”，并在“标签”属性中添加 Date of birth。

5. 在容器内添加第二个文本框控件。

   • 选择Email作为 输入类型。
   • 将其重命名为“ 电子邮件 ”，并在“ 标签 ”属性中添加Name 。
   • 在“ 必需 ”属性中添加=true 。
   • 在“ 允许域 ” 属性中添加@company.com 。

6. 在容器内添加一个下拉菜单控件。

   • 将其重命名为“区域”，并在“区域”属性中添加 Name。
   • 在“ 列表来源 ”属性中添加以下内容： =["rural", "urban"] 。
   • 在“ 必需 ”属性中添加=true 。

7. 在容器外部添加一个“ 按钮 ”控件。

   • 将其重命名为 “提交”。
   • 在“已禁用”属性中添加以下内容：!Container.isValid。
     
     

     

     
     

程序结果

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

预览应用程序时，“ 提交 ” 按钮处于禁用状态。 仅当填写了“ 名称”、“ 电子邮件 ”（包括正确的@company.com域）和“ 区域 ”字段时，才会启用该按钮。