ti-enxame.com

Validar caixas de seleção dentro de um DIV oculto somente se mostrado - Chronoform

Eu tenho um formulário no Chronoform onde há duas caixas de seleção. Quando você seleciona a segunda caixa de seleção, um DIV oculto se torna visível. Dentro deste DIV escondido, existem mais 16 caixas de seleção. Pelo menos uma dessas caixas de seleção deve estar marcada para seguir em frente.

Com as duas primeiras caixas de seleção, estou usando class = "validate ['group [1]']", que funciona muito bem para forçar o usuário a escolher entre as duas primeiras opções.

Tentei usar class = "validate ['group [2]']" nas caixas de seleção no DIV oculto, mas se o DIV permanecer oculto, ainda estará forçando a validação. Portanto, você não pode seguir em frente, a menos que abra o DIV e selecione pelo menos uma opção.

Como validar as caixas de seleção no DIV oculto apenas se o DIV oculto for aberto?

Você pode ver o formulário no jsfiddle , mas não está abrindo como acontece com o Joomla e o Chronoforms, então eu posso postar um segundo link para uma versão funcional dele.

Estou aberto a usar scripts personalizados como o jQuery no lado do servidor, se necessário.

Eu não sou um codificador forte, então por favor, vá com calma comigo.

3
Melvins138

Dentro do seu javascript que mostra/oculta as divs, remova/substitua a classe CSS validada usada para determinar se um campo deve ser validado.

Obviamente, você desejará substituir validate- * por outra coisa para saber o que colocar de volta quando a div estiver visível.

Não tenho certeza se você está usando javascript puro, bootstrap ou jquery para realizar a ocultação - portanto, não há um código específico para mostrar a você. Se você estiver usando o bootstrap, existem outros eventos auxiliares que podem ajudar você em conseguir isso.

2
Michael