bootstrap-select.js e correção de validationEngine

Se você está tentando usar:

bootstrap-select.js https://github.com/silviomoreto/bootstrap-select
and
jquery.validationEngine.js https://github.com/posabsolute/jQuery-Validation-Engine

Você provavelmente encontrará um problema em que as seleções nunca parecerão validar.

Há uma solução fácil, que me custou um pouco para descobrir.

Quando bootstrap-select cria um elemento clonado, ele usa um addClassque copia a classe validate [. *] Para o novo elemento div, e validationEngine tenta validar isso.

Isso pode ser remediado modificando a setStylefunção para retirar essa parte do atributo de classe (na linha 272 de bootstrap-select.js):

this.$newElement.addClass(this.$element.attr('class').replace(/selectpicker|mobile-device|validate[.*]/gi, ''));

Observe que a mudança é simplesmente: |validate[.*]na expressão regular.

Isso impede que o novo elemento DIV seja “validado” pelo script validationEngine.

Depois de adicionar isso, validationEngine funciona para mim com bootstrap-select. Huzzah!

Tenho uma solicitação de pull aqui: https://github.com/lawrencealan/bootstrap-select/commit/66a73ceb3a1c155bdeff127fb2330e51f73e1abf