Validação de contêiner

Informações em segundo plano

You can use a container's isValid property to check the input validation for all controls inside the container.

Isso é mais fácil, pois não é mais necessário mencionar cada controle individualmente ao criar seu aplicativo.

Neste exemplo vamos construir um formulário simples com cinco controles dentro de um único container:

• Two textboxes: one called Name, and a second one called Email (input type Email).
• One datepicker called Date of birth.
• One dropdown list called Area.
• One button called Submit.

Etapas

1. Abra seu aplicativo existente ou inicie um novo.
2. Adicione um contêiner ao seu aplicativo.
3. Add a Textbox control inside the container.
   • Rename it Name and add Name in the Label property.
   • Add =true in the Required property.
4. Add a Datepicker control inside the container.
   • Rename it Date of birth and add Date of birth in the Label property.
5. Add a second Textbox control inside the container.
   • Select Email as Input type.
   • Rename it Email and add Name in the Label property.
   • Add =true in the Required property.
   • Add @company.com in the Allow domain property.
6. Add a Dropdown control inside the container.
   • Rename it Area and add Name in the Area property.
   • Add the following in the List source property: =["rural", "urban"].
   • Add =true in the Required property.
7. Add a Button control outside the container.

   • Rename it Submit.

   • Add the following in the Disabled property: !Container.isValid.

     

Resultados do procedimento

Após seguir todas as etapas acima, você pode visualizar seu aplicativo.

While previewing the app, the Submit button is disabled. The button is only enabled when the Name, Email (including the correct @company.com domain), and Area fields are filled in.