jquery validateとbootstrap btn。エラー配置

Question

jqueryの検証エラーメッセージの配置に問題があります。

エラーメッセージがボタンに適用されている：それはこのようになります。

これはあなたが検証エラーメッセージの配置、あなたがしたいinsertBeforeまたはinsertAfter任意の要素を制御するerrorPlacementコールバックを使用することができ、私のラジオグループ

<div class="form-group"> 
     <label class="control-label">Gender</label> 
     <div class="btn-group" data-toggle="buttons"> 
      <label class="btn btn-default"> 
      <input type="radio" name="gender" value="male" />Male 
      </label> 
      <label class="btn btn-default"> 
      <input type="radio" name="gender" value="female" />Female 
      </label> 
     </div> 
    </div> 

$(function(){ 
    $("#formTest").validate({ 
     rules : { 
      gender : { 
       required: true 
        } 
       }, 
    }); 
}); 

Answer 1

です。例えば

、あなたのケースでは、あなたは、このように、.control-labelクラスの後に検証エラーを置くことができます。

errorPlacement: function (error, element) { 
     error.insertAfter(".control-label"); 
}, 

、あなたがdivにlabelから要素を変更するerrorElementオプションを使用することができます。

$(function(){ 
$("#formTest").validate({ 
    rules : { 
     gender : { 
      required: true 
       } 
      }, 

    errorPlacement: function (error, element) { 
     error.insertAfter(".control-label"); 
    }, 

    errorElement: 'div', 
}); 
}); 

はJsFiddle、は、私は、それはあなたのために働く感謝を願っています参照してください：（デフォルト： 'ラベル'）のような

errorElement: 'div', 

最後に、あなたのJSコードが見えます！