Javascript jquery验证和引导btn。错误放置

我的jquery验证错误消息位置有问题。看起来是这样的：

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

错误消息正在应用到按钮中

这是我的广播组

   <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
                     }
                },
    });
});

性别
男性
女性
$（函数（）{
$（“#formTest”）。验证({
规则：{
性别：{
必填项：true
}
},
});
});

您可以使用

errorPlacement

回调来控制验证错误消息的放置、

insertBefore

或

insertAfter

任何您想要的元素

例如，在您的情况下，您可以将验证错误放在

.control label

类之后，如下所示：

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

您可以使用

errorElement

选项将元素从

label

更改为

div

。（默认值：“标签”）

最后，您的JS代码如下所示：

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

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

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

---

看，我希望它对你有用，谢谢

您可以使用

errorPlacement

回调来控制验证错误消息的放置，

insertBefore

或

insertAfter

任何您想要的元素

例如，在您的情况下，您可以将验证错误放在

.control label

类之后，如下所示：

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

您可以使用

errorElement

选项将元素从

label

更改为

div

。（默认值：“标签”）

最后，您的JS代码如下所示：

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

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

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

看，我希望它对你有用，谢谢