Acerca del widget de selección de validación

Un widget de selección de validación de Spry es un menú desplegable que muestra los estados válido y no válido cuando el usuario realiza una selección. Por ejemplo, puede insertar un widget de selección de validación que contenga una lista de estados, agrupados en diferentes secciones y divididos por líneas horizontales. Si el usuario selecciona de forma accidental una de las líneas de división en lugar de uno de los estados, el widget de selección de validación devuelve un mensaje al usuario indicando que la selección no es válida.

En el siguiente ejemplo se muestra un widget de selección de validación ampliado, así como la forma contraída del widget en distintos estados:


A.
Widget de selección de validación seleccionado

B.
Widget de selección, estado válido

C.
Widget de selección, estado obligatorio

D.
Widget de selección, estado no válido

El widget de selección de validación incluye varios estados (por ejemplo, válido, no válido, valor obligatorio, etc.). Modifique las propiedades de estos estados en el inspector de propiedades, en función de los resultados de validación deseados. Un widget de selección de validación puede hacer validaciones en varios puntos; por ejemplo, cuando el usuario hace clic fuera del widget, cuando realiza selecciones o cuando intenta enviar el formulario.

Estado inicial
El estado del widget cuando la página se carga en el navegador o cuando el usuario reinicia el formulario.

Estado de foco
El estado del widget cuando el usuario hace clic en él.

Estado válido
El estado del widget cuando el usuario ha seleccionado un elemento válido y el formulario puede enviarse.

Estado no válido
El estado del widget cuando el usuario ha seleccionado un elemento no válido.

Estado obligatorio
El estado del widget cuando el usuario no ha seleccionado un elemento válido.

Cuando un widget de selección de validación introduce uno de estos estados tras la interacción del usuario, la lógica del framework de Spry aplica una clase CSS específica al contenedor HTML para el widget en tiempo de ejecución. Por ejemplo, si un usuario intenta enviar un formulario, pero no ha seleccionado un elemento del menú, Spry aplica una clase al widget que hace que muestre el mensaje de error “Seleccione un elemento”. La reglas que controlan el estilo y muestran los estados de mensajes de error se encuentran en el archivo CSS que acompaña al widget, SpryValidationSelect.css.

El código HTML predeterminado del widget de selección de validación, que normalmente se encuentra dentro de un formulario, consta de una etiqueta <span> de contenedor que rodea la etiqueta <select> del área de texto. El código HTML del widget de selección de validación también incluye etiquetas script en el encabezado del documento y detrás del formato HTML del widget.

Para una explicación detallada sobre el funcionamiento del widget de selección de validación, incluida una anatomía completa del código del widget de selección de validación, consulte www.adobe.com/go/learn_dw_spryselect_es.