狀態引導

Question

我有一個自舉輸入這裏：

<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響應改變其驗證。可能嗎？

Answer 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> 

JS

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

UPDATE

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

Answer 2

嘗試$("#state").removeClass("has-warning")上的check（）AJAX響應。