使用必需的输入验证

背景信息

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

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

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

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

• 文本框

备注：

Container 控件还有一个 isValid 属性。

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

图 1 ..

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

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

步骤

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 时，该控件将无效。

   图 2。

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

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

     

     
     

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

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

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

     
     

     

     
     

程序结果

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

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

备注：

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