チェックボックスのセットで JQuery 検証を機能させるのに問題があります。ASP.NET チェックボックスリストを使用してチェックボックスを生成しています。JQuery を使用して、リスト内の各チェックボックスの「名前」属性を同じものに設定しました。ブラウザに書き込まれるコードは次のとおりです。最初のチェックボックスに「検証」属性を設定して、少なくとも1つのチェックボックスを選択する必要があるというルールを設定しています。JQuery 検証は、フォーム上の他のすべての要素に対して機能しますが、チェックボックス リストに対しては機能しません。また、フォームの「ページ」ごとに検証をトリガーするページで JQuery フォーム ウィザードを使用しているため、検証の呼び出し方法を制御できません。
<input id="ContentPlaceHolder1_MainContent_AreaOfInterest_0" class="ui-wizard-content ui-helper-reset ui-state-default" type="checkbox" value="Famine" name="hello[]" validate="required:true, minlength:1">
<label for="ContentPlaceHolder1_MainContent_AreaOfInterest_0">Famine</label>
<br>
<input id="ContentPlaceHolder1_MainContent_AreaOfInterest_1" class="ui-wizard-content ui-helper-reset ui-state-default" type="checkbox" value="Events Volunteer" name="hello[]">
<label for="ContentPlaceHolder1_MainContent_AreaOfInterest_1">Events Volunteer</label>
何がうまくいかないのかについてのアイデアはありますか？検証を行う JQuery スクリプトの例はたくさんありますが、カスタム コントロールによってサーバー側のチェックボックス リストを生成しているため、これを回避しようとしています。 JQuery が有効になっていません。JQueryが無効になっていてもページが機能するように、可能な限り目立たないようにしながらJQuery検証を有効にしようとしています。
フォーム ウィザードに関連する JQuery インクルージョンと JQuery 初期化スクリプトを次に示します。JQuery検証に初期化コードを使用していません：
<script type="text/javascript" src="../js/formwizard/js/bbq.js"></script>
<script type="text/javascript" src="../js/formwizard/js/jquery.form.js"></script>
<script type="text/javascript" src="../js/formwizard/js/jquery.form.wizard.js"></script>
<script type="text/javascript" src="../js/formwizard/js/jquery.validate.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#form1").formwizard({
validationEnabled: true,
focusFirstInput: true
});
});
</script>