ändern Grenze von selectbox auf den Fokus während der Bootstrap silviomoreto selectbox verwenden

Question

Ich benutze bootstrap selectbox silviomoreto Plugin, um Selectbox zu entwerfen. Diese Auswahlbox zeigt einen roten Rahmen an, um beim Drücken der Senden-Schaltfläche eine Auswahlbox auszuwählen, wenn keine Option ausgewählt ist.

$('.selectpicker').selectpicker('setStyle', 'error-border','add'); 

Jetzt möchte ich die Grenze aus der Auswahlbox entfernen, wenn der Benutzer sich darauf konzentriert, nachdem er einen Fehler erhalten hat. Bitte hilf mir.

Answer 1

$('.selectpicker').click(function(){ 
    if($(this).hasClass(error-border)){ 
     $(this).removeClass(error-border) 
    } 
}); 

Working Demo

$('.selectpicker').click(function(){ 
 
    if($(this).hasClass('error-border')){ 
 
     $(this).removeClass('error-border') 
 
    } 
 
});

.error-border{ 
 
    border:1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="selectpicker error-border"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
</select>