在 CSS 状态之间切换 Bootstrap答案

【问题标题】：Toggle between css states Bootstrap在 CSS 状态之间切换 Bootstrap
【发布时间】：2014-01-27 13:05:05
【问题描述】：

我在这里有一个引导输入：

<div class="form-group input-group has-warning col-lg-2" id="state">
      <input type="text" class="form-control" name='user' id="inputWarning" width='60' autofocus maxlength=20 required onblur="check()">
      <span class="input-group-addon" id="loadingCheck">✔</span>
</div>

我想根据 ajax 响应更改其验证。是否可以？

【问题讨论】：

你能解释一下你想要达到的目标吗？

标签： javascript jquery twitter-bootstrap text input

【解决方案1】：

是的，您可以使用 .removeClass() 和 .addClass()

HTML

<div class="form-group input-group has-warning col-lg-2" id="state">
      <input type="text" class="form-control" name='user' id="inputWarning" width='60' autofocus maxlength=20 required onblur="check()">
      <span class="input-group-addon" id="loadingCheck"></span>
</div>

$(document).ready(function(){
   $('div').removeClass('has-warning');
   $('div').addClass('has-success');
});

更新

$(document).ready(function(){
    var a = $('div');
    if(a.hasClass('has-warning') || a.hasClass('has-error')){
       a.removeClass('has-warning');
       a.removeClass('has-error'); 
       a.addClass('has-success');
    }
});

FIDDLE

【讨论】：

还有一个问题。我想删除 has 类并应用其他类。我不知道它是有警告还是有错误等。我该如何解决这个问题？

【解决方案2】：

在 check() AJAX 响应中尝试$( "#state" ).removeClass( "has-warning" )。

【讨论】：

我怎样才能在上面应用 has-success 类？