2014-02-28 61 views
0

我希望有附加到輸入就像http://getbootstrap.com/css/#forms-control-validation有效的或錯誤的圖標,所以我寫了這個代碼:如何正確添加跨度?

$(document).ready(function(){ 
    $('input[name=c_password]').keyup(password_check); 

}); 

function password_check(){ 
    $('input[name=c_password]').parent().removeClass("has-error has-feedback").removeClass("has-success has-feedback"); 
    var password = $('input[name=password]').val(); 
    var c_password = $('input[name=c_password]').val(); 
    if(c_password != password || c_password.length < 6){ 
     //alert("test"); 
     $('input[name=c_password]').parent().addClass("has-error has-feedback").append("<span class='glyphicon glyphicon-remove form-control-feedback'></span>"); 
    } else { 
     $('input[name=c_password]').parent().addClass("has-success has-feedback").append("<span class='glyphicon glyphicon-ok form-control-feedback'></span>");; 

    } 
} 

而是輸入,只要它是它增加了有效的「確定「圖標上方的」刪除「圖標!我知道有一個remove()方法可以刪除append()。我如何添加它以便我的代碼完美運行?

感謝

演示:http://jsfiddle.net/52VtD/3223/

回答

3

可以選擇跨度和刪除。

$('span.glyphicon').remove() 

http://jsfiddle.net/52VtD/3227/

+0

這是OPs問題的解決方案,但我建議添加並從''刪除類,而不是從DOM中添加和刪除整個'' – Askanison4

+2

我建議使用fontawesome,只是更改圖標類 –

0

//警報( 「測試」)後,只需添加; ('input [name = c_password]')。parent()。addClass(「has-error has-feedback」)。find(「span」)。remove();

該行查找任何span標籤並將其刪除。

以前的答案可能會刪除文檔中的另一個範圍,這可能不是所期望的!

+0

感謝修正,羅賓範德納爾納。我的英文太差了:( –