提交和计数数组元素后禁用输入

Question

function limitofTags(){

    var tags = $('div').find('.tag').map(function(){
        return $(this).text();
    }).get();

    var elem = [];
    for (var i = 0; i < tags.length; ++i){
        //store array elements
        elem.push(tags[i]);

        if(elem.length < 2){
            $("#tags").prop('disabled',false);

        }
        else{
            $("#tags").prop('disabled',true);

        }
    }
}

对于html，它是带有按钮的小div。当我在输入文本字段中键入标签时，它将附加到 div 区域。当标签超过 2 个时，将禁用输入文本字段以防止添加更多标签。提交表单后，div 显示相同数量的标签，但输入文本字段不会保持禁用状态。那么，如果 div 中的标签超过 2，如何使输入文本字段保持禁用状态？

感谢您的见解或帮助。我一直在寻找在线答案，但似乎没有找到我需要的内容，提交后禁用输入文本。

Answer 1

您可能应该在填充数组后检查长度，并且您正在创建一个与您拥有的 tags 数组完全相同的 elem 数组：

function limitofTags(){
    var tags = $('div').find('.tag').map(function(){
        return $(this).text();
    }).get();

    $("#tags").prop('disabled', tags.length >= 2);
}