jqueryフォーム検証プラグインを使用してラジオボタンのグループにフォーム検証を追加する方法

Question

jqueryフォーム検証プラグインを使用してラジオボタンのグループに対してフォーム検証を追加する方法。データ検証= "必須"を追加しようとしましたが、動作しません。

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/

Answer 1

カスタムラジオと呼ばれるカスタムバリデータを作成する必要があります。そして、入力タイプに属性「データ検証=」custom_radio」を追加

ご参考のため

PFBコード：これは、あなたがた値に基づいてブール値を返すカスタムバリデータのjavascriptのコードである

<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> 

取得する必要がありますbefore $ 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()