it-swarm-es.tech

Valide las casillas de verificación dentro de un DIV oculto solo si se muestra - Chronoform

Tengo un formulario en Chronoform donde hay dos casillas de verificación, cuando selecciona la segunda casilla de verificación, se hace visible un DIV oculto. Dentro de este DIV oculto hay 16 casillas de verificación más. Se debe seleccionar al menos una de esas casillas para continuar.

Con las dos primeras casillas de verificación, estoy usando class = "validate ['group [1]']", que funciona muy bien para obligar al usuario a elegir entre las dos primeras opciones.

Intenté usar class = "validate ['group [2]']" en las casillas de verificación en el DIV oculto, pero si el DIV permanece oculto, todavía está forzando la validación. Por lo tanto, no puede seguir adelante, a menos que abra ese DIV y seleccione al menos una opción.

¿Cómo valido las casillas de verificación en el DIV oculto solo si se abre el DIV oculto?

Puede ver la forma en jsfiddle , pero no se abre como lo hace con Joomla y Chronoforms, por lo que puedo publicar un segundo enlace a una versión funcional de la misma.

Estoy abierto a usar scripts personalizados como jQuery en el lado del servidor, si es necesario.

No soy un programador fuerte, así que por favor, sé fácil conmigo.

3
Melvins138

Dentro de su javascript que muestra/oculta los divs, elimine/reemplace la clase de validación CSS que se utiliza para determinar si un campo debe validarse.

Por supuesto, querrás reemplazar validate- * con otra cosa para que sepas qué volver a poner cuando el div está visible.

No estoy seguro si está usando JavaScript puro, bootstrap o jquery para lograr la ocultación, por lo que no hay un código específico que mostrarle. Si está usando bootstrap, hay eventos auxiliares adicionales que pueden ayudarlo usted en lograr esto.

2
Michael