Validación de contenedor

Información en segundo plano

Puedes usar la propiedad isValid de un contenedor para comprobar la validación de entrada de todos los controles dentro del contenedor.

Esto es más fácil ya que ya no es necesario mencionar cada control individualmente al crear tu aplicación.

En este ejemplo crearemos un formulario simple con cinco controles dentro de un solo contenedor:

• Dos cuadros de texto: uno llamado Nombrey otro llamado Correo electrónico (tipo de entrada Email).
• Un selector de fecha llamado Fecha de nacimiento.
• Una lista desplegable llamada Área.
• Un botón llamado Enviar.

Pasos

1. Abre tu aplicación ya existente o inicia una nueva.
2. Agregue un contenedor a su aplicación.

3. Añade un control de Cuadro de texto dentro del contenedor.

   • Cambia el Nombre y añade Nameen la propiedad Etiqueta
   • Agrega =true en la propiedad Requerido .

4. Agrega un control Selector de fecha dentro del contenedor.

   • Cambia el nombre Fecha de nacimiento y añade Date of birthen la propiedad Etiqueta.

5. Añade un segundo control de Cuadro de texto en el Contenedor.

   • Selecciona Email como tipo de entrada.
   • Cambia el nombre de Correo electrónico y añade Name en la propiedad Etiqueta .
   • Agrega =true en la propiedad Requerido .
   • Agrega @company.com en la propiedad Permitir dominio .

6. Añade un control desplegable dentro del Contenedor.

   • Cámbiale el nombre Área y añade Nameen la propiedad del Área.
   • Añade lo siguiente en la propiedad Origen de la lista : =["rural", "urban"].
   • Agrega =true en la propiedad Requerido .

7. Agrega un control Botón fuera del contenedor.

   • Cámbiele el nombre Enviar.
   • Añade lo siguiente en la propiedad Deshabilitado: !Container.isValid.

Resultados del procedimiento

Después de seguir todos los pasos anteriores, puedes previsualizar la aplicación.

Mientras se previsualiza la aplicación se deshabilita el botón Enviar. El botón solo se habilita cuando se rellenan los campos Nombre, Correo electrónico (incluido el dominio @company.com correcto) y Área.