Validation du conteneur

Informations d'arrière-plan

Vous pouvez utiliser la propriété isValid d'un conteneur pour vérifier la validation d'entrée de tous les contrôles à l'intérieur du conteneur.

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 :

• Deux zones de texte : l'une appelée Name(Name) et l'autre ( Email ) (type d'entrée 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. Ajoutez un contrôle Textbox à l'intérieur du conteneur.

   • Renommez-le Zone et ajoutez Name dans la propriété Zone.
   • Ajoutez =true dans la propriété Obligatoire .

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. Ajoutez un deuxième contrôle Textbox à l’intérieur du conteneur.

   • Sélectionnez Email comme type d'entrée.
   • Renommez-le E- mail et ajoutez Name dans la propriété Libellé .
   • Ajoutez =true dans la propriété Obligatoire .
   • Ajoutez @company.com dans la propriété Autoriser le domaine ( Allow domain ).

6. Ajoutez un contrôle Dropdown à l’intérieur du conteneur.

   • Renommez-le Zone et ajoutez Name dans la propriété Zone.
   • Ajoutez les éléments suivants dans la propriété Source de la liste : =["rural", "urban"] .
   • Ajoutez =true dans la propriété Obligatoire .

7. Ajoutez un contrôle Button en dehors du conteneur.

   • Renommez-le Soumettre.
   • Ajoutez les éléments suivants dans la propriété Disabled : !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.