隐藏函数jquery不起作用

Question

我有这个代码在函数valid_name不为true时显示错误,并valid_name在模糊时变为true时隐藏错误; 错误显示在最初隐藏的div中.出现错误但它不会消失.

function valid_name() {
    if (($("#name").length > 5) && ($("#name").length < 20)) {
        return true;
    } else {
        return false;
    }
}

 $(document).ready(function() {
    $('#name').on('blur', function() {
        if (!valid_name())
            $("#name_erors").text("invalid name").show();
        if (valid_name())
            $("#name_erors").hide();

    });
});

Answer 1

我认为

$("#name").length

应该

$("#name").val().length

导致$('#name').length计算找到的元素,但要计算你需要使用的字符

$("#name").val().length

所以功能应该是

function valid_name() {
    if (($("#name").val().length > 5) && ($("#name").val().length < 20)) {
        return true;
    } else {
        return false;
    }
}

你也可以

function valid_name() {
    var value = $('#name').val(), len = value.length;
    return len > 5 && len < 40;
}