0

jquery フォーム検証プラグインを使用して、ラジオ ボタンのグループにフォーム検証を追加する方法。data-validation="required" を追加しようとしましたが、機能しません。

PFB HTML コード : 

        <input type="radio" id="inlineRadio1" value="option1" name="radioInline" data-validation="required"> 
        <label for="inlineRadio1" data-validation="radio_button"> Inline One </label> 
        <input type="radio" id="inlineRadio2" value="option2" name="radioInline" data-validation="required"> 
        <label for="inlineRadio2"> Inline Two </label>
    </div>

スクリプト コードは次のとおりです。

$.validate()

この URL http://www.formvalidator.net/からプラグインを取得しました。

4

1 に答える 1

0

カスタム ラジオと呼ばれるカスタム バリデータを作成する必要があります。入力タイプに属性 "data-validation="custom_radio" を追加します

参照用の PFB コード:

<div class="radio radio-info radio-inline">

    <input type="radio" id="inlineRadio1" value="option1" name="radioInline" data-validation="custom_radio"> 
    <label for="inlineRadio1" data-validation="radio_button"> Inline One </label> 
    <input type="radio" id="inlineRadio2" value="option2" name="radioInline" data-validation="custom_radio"> 
    <label for="inlineRadio2"> Inline Two </label>
</div>

これは、値に基づいてブール値を返すカスタム バリデータの JavaScript コードです。$.validate() 関数の前に呼び出す必要があります。

$.formUtils.addValidator({
                                  name : 'custom_radio',
                                  validatorFunction : function(value, $el, config, language, $form) {

                                      if(value==='option 1'){
                                          return false;
                                      }else{
                                          return true;
                                      }

                                  },
                                  errorMessage : 'You have to atleast check one radio',
                                  errorMessageKey: 'badradiobutton'
                                });
$.validate()
于 2016-09-19T16:02:24.773 に答える