Question

我正在使用bootstrap selectbox silviomoreto插件来设计selectbox。如果未选择任何选项，则此选择框会在按下提交按钮时向选择框显示红色边框。

Syntax error in: config/locales/en.yml
(<unknown>): did not find expected key while parsing a block mapping at line 23 column 3
=> ["config/locales/en.yml"]

现在我想在用户在收到错误后关注它时从selectbox中删除边框。请帮帮我。

Answer 1

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

工作演示

$('.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>

使用bootstrap silviomoreto选择框时，在焦点上更改选择框的边框

1 个答案: