Validation du conteneur

Informations d'arrière-plan

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

C’est plus facile car il n’est plus nécessaire de mentionner chaque contrôle individuellement lors de la création de votre application.

Dans cet exemple, nous allons créer un formulaire simple avec cinq contrôles dans un seul conteneur :

• Two textboxes: one called Name, and a second one called Email (input type Email).
• Un sélecteur de date appelé Date de naissance .
• Une liste déroulante appelée Zone .
• Un bouton appelé Soumettre (Submit).

Étapes

1. Ouvrez votre application déjà existante ou lancez-en une nouvelle.
2. Ajoutez un conteneur à votre application.
3. Add a Textbox control inside the container.
   • Renommez-le Nom et ajoutez Name dans la propriété Libellé .
   • Add =true in the Required property.
4. Ajoutez un contrôle Datepicker à l'intérieur du conteneur.
   • Renommez-la Date de naissance et ajoutez Date of birth dans la propriété Libellé .
5. Add a second Textbox control inside the container.
   • Select Email as Input type.
   • Renommez-le E- mail et ajoutez Name dans la propriété Libellé .
   • Add =true in the Required property.
   • Add @company.com in the Allow domain property.
6. Ajoutez un contrôle Dropdown à l’intérieur du conteneur.
   • Renommez-le Area et ajoutez Name dans la propriété Area .
   • Add the following in the List source property: =["rural", "urban"].
   • Add =true in the Required property.
7. Add a Button control outside the container.

   • Renommez-le Soumettre .

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

     

Résultats de la procédure

Après avoir suivi toutes les étapes ci-dessus, vous pouvez lancer l'aperçu de votre application.

Lors de la prévisualisation de l'application, le bouton Soumettre (Submit) est désactivé. Le bouton n'est activé que lorsque les champs Nom , E- mail (y compris le domaine @company.com correct) et Zone sont remplis.