http://www.formvalidator.net/index.html
上記のプラグインを使って、フォームを作成していますが、
下記1に、2のバリデーションチェックを追加する方法が分からなくて困っています。
1.「個別相談会」の日付・時間いずれかが選択されている場合は、もう片方が選択されていないというエラーを出したい
(data-validation-depends-on)
<h1>説明会 ※必須</h1>
<div id="js-validation-error-date"></div>
<div id="js-validation-error-time"></div>
<h2>個別相談会</h2>
<select name="date" data-validation="required" data-validation-depends-on="time" data-validation-error-msg="日付が選択されていません" data-validation-error-msg-container="#js-validation-error-date">
<option value="">選択してください</option>
<option value="1">2017年1月1日</option>
<option value="2">2017年1月10日</option>
</select>
<select name="time" data-validation="required" data-validation-depends-on="date" data-validation-error-msg="時間が選択されていません" data-validation-error-msg-container="#js-validation-error-time">
<option value="" selected="selected">選択してください</option>
<option value="1">13:00~</option>
<option value="2">14:00~</option>
</select>
<h2>セミナー</h2>
<input name="checkbox" value="1" type="checkbox">2017年2月1日
<input name="checkbox" value="2" type="checkbox">2017年2月10日
上記のコードで正しく動くのですが、さらに
2.「個別相談会」か「セミナー」いずれかの選択が必須
(data-validation-optional-if-answered)
を追加する方法が分からず困っています。
お分かりの方がいましたら、ご教授ください。
よろしくお願いします。
参考)
http://www.formvalidator.net/#logic_depending