1

私は周りを検索しましたが、jquery検証を使用して、送信前にブートストラップラジオボタングループでボタンの1つを選択する必要があることを確認する方法についての答えを見つけることができませんでした.

私はこれをフォームの一部として持っています。

<div id="inputNumDel" name="inputNumDel" class="btn-group" data-toggle="buttons-radio">
        <button type="button" id="num7"  class="btn ">7</button>
        <button type="button" id="num8"  class="btn ">8</button>
</div>

これはこれを与えるここに画像の説明を入力

これは機能していない検証コードです

$(document).ready(function(){

            $("#form").validate({
                rules:{                     
                    inputNumDel:{
                            required:true,
                    },

            },          
            errorClass: "help-block"
            });

     });
4

2 に答える 2

3

同じ問題を解決する必要があり、同様の質問に回避策を投稿しました。

Twitterブートストラップボタングループに対するjQuery検証

ボタン自体 (またはボタン グループ div) を検証することはできませんが、ボタンを使用して非表示フィールドに値を格納し、代わりに非表示フィールドを検証することができます。

上記のリンクされた回答のために作成した実際の例を次に示します: http://jsfiddle.net/geekman/W38RG/18/

基本的に、次のことを行います。

  • btn-group DIV のすぐ下に隠しフィールドを追加します。btn-group のボタンでクリック イベントを使用し、非表示フィールドの値をボタンに応じて対応する値に設定します。

  • 次に、jQuery 検証を使用して、ボタン グループの代わりに非表示フィールドを再度検証します。

  • 隠しフィールドを無視しないvalidate()オプションを指定して呼び出します。

次のようなものです：

<div id="inputNumDel" name="inputNumDel" class="btn-group" data-toggle="buttons-radio">
    <button type="button" id="num7" value="7"class="btn ">7</button>
    <button type="button" id="num8" value="8" class="btn ">8</button>
</div>
<!-- Notice here that I have marked the hidden field as required, so jQuery validate should recognise it as required, allowing you to leave out your required rule -->
<input required type="hidden" id="inputNum" required="required" />

<script type="text/javascript">
$(document).ready(function () {
    //Bind the click event to the parent div containing both buttons. Tell it to fire on any element containing the class btn.
    $('#inputNumDel').on('click', '.btn', function () {
        $('#inputNum').val($(this).val());
    });

    $('#form').validate({
        ignore: [],
        errorClass: "help-block"
    });
});
</script>
于 2013-10-07T17:42:45.417 に答える
1

jquery validate を使用してボタン要素を「必須」にすることはできません。

チェックボックス、ラジオ ボタン、またはその他の入力要素が必要になります。jQuery モバイルには、同様の効果を持つチェックボックス ラジオ ウィジェットがありますが、ラジオ ボタンまたはチェックボックスを使用します。

于 2013-06-17T08:17:13.407 に答える