it-swarm.dev

表示されている場合にのみ、非表示のDIV内のチェックボックスを検証する-Chronoform

Chronoformに2つのチェックボックスがあるフォームがあります。2番目のチェックボックスを選択すると、非表示のDIVが表示されます。この非表示のDIVの内部には、さらに16個のチェックボックスがあります。次に進むには、これらのチェックボックスの少なくとも1つを選択する必要があります。

最初の2つのチェックボックスを使用して、class = "validate ['group [1]']"を使用しています。これは、ユーザーに最初の2つのオプションのいずれかを選択させるのに最適です。

非表示のDIVのチェックボックスでclass = "validate ['group [2]']"を使用してみましたが、DIVが非表示のままである場合は、検証が強制されます。したがって、そのDIVを開いて少なくとも1つのオプションを選択しない限り、先に進むことはできません。

非表示のDIVが開いている場合にのみ、非表示のDIVのチェックボックスを検証するにはどうすればよいですか?

on jsfiddle の形式を見ることができますが、JoomlaやChronoformsのように開かないので、動作しているバージョンへの2番目のリンクを投稿します。

必要に応じて、サーバー側でjQueryのようなカスタムスクリプトを使用できます。

私は強いコーダーではないので、気楽にやってください。

3
Melvins138

Divを表示/非表示にするJavaScript内で、フィールドを検証する必要があるかどうかを判断するために使用される検証CSSクラスを削除/置換します。

もちろん、dividが表示されたときに何を戻すかがわかるように、validate- *を別のものに置き換える必要があります。

純粋なjavascript、bootstrapまたはjqueryを使用して非表示を実現しているのかどうかわからない-表示する特定のコードがない。ブートストラップを使用している場合は、追加のヘルパーイベントが役立ちます。これを達成することであなた。

2
Michael