使用验证时更改选择类

Question

我正在使用Bootstrap和Bootstrap-Select以及Jquery Validation。基本工作正在工作，但我试图改变选择的样式，如果没有验证。它正在改变，但错误的元素：

不应该只是div而是button，我可以看到。

此处示例（点击过滤器）：

https://jsfiddle.net/33krycLh/

这里的行：

highlight: function ( element, errorClass, validClass ) {
    $('.TempX').addClass( "btn-danger" );
    $('.TempX .btn').addClass( "btn-danger" );
},
unhighlight: function ( element, errorClass, validClass ) {
    $('.TempX').removeClass( "btn-danger" );
    $('.TempX .btn').removeClass( "btn-danger" );
}

并且，通过下面的行，当提交成功时，应该禁用“过滤器”按钮并将文本更改为Wait：

var btn = $(this)
btn.button('loading')

那么，btn-danger如何仅应用于按钮，在Filter中单击时，更改文本并禁用按钮？感谢。

Answer 1

问题是你的代码实际上也是为.TempX做的。尝试取消负责的行，如：

highlight: function ( element, errorClass, validClass ) {
    //$('.TempX').addClass( "btn-danger" );
    $('.TempX .btn').addClass( "btn-danger" );
},
unhighlight: function ( element, errorClass, validClass ) {
    //$('.TempX').removeClass( "btn-danger" );
    $('.TempX .btn').removeClass( "btn-danger" );
}

Answer 2

解决方案：

{{1}}

https://jsfiddle.net/fp2rkvLx/