Question

我想在输入中添加一个有效或错误的图标，就像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/

Answer 1

您可以选择范围并删除。

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

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

Answer 2

只需添加// alert（“test”）;

$（'input [name = c_password]'）。parent（）。addClass（“has-error has-feedback”）。find（“span”）。remove（）;

此行找到任何span标记，并将其删除。

上一个答案可能会删除文档中的另一个范围，这可能是不可取的！

如何正确追加跨度？

2 个答案: