Javascript 当到达maxTags时，引导输入标记将显示警报消息

我正在使用和下面的代码工作良好。我使用的是

maxTags:10

，因此用户最多可以选择10种语言，如果他们尝试添加更多语言，则不会显示在输入字段中

我的问题是，当用户尝试选择多个

maxTags

时，会显示一条警告消息。我查看了他们的文档，没有找到任何解决方案。是否可以使用引导标记输入？或任何其他解决方案，以在用户到达maxTags时显示警报

请帮忙

var languages = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace("name")
    , queryTokenizer: Bloodhound.tokenizers.whitespace
    , prefetch: "./assets/languages.json"
});
languages.initialize(), 
$("#inputtags").tagsinput({
    maxTags: 10
    , freeInput: !1
    , typeaheadjs: {
        name: "id"
        , displayKey: "name"
        , valueKey: "name"
        , source: languages.ttAdapter()
    }
});

---

通过获取

span

类的

length

并验证它，我找到了解决方案。当用户单击输入标记时，它将计算所选跨度的长度并进行验证。目前，它运行良好，没有任何错误。如果您找到其他最佳解决方案，请提出建议

感谢@mrdeadsven

$(".tt-dataset-id").click(function(){ 
    var numItems = $('.tag').length -1; //when page load it has one extra span for .tag class
    console.log(numItems);
    if(numItems>=10){
        alert('Maximum 10 languages are allowed');
    }
});

---

我只需将maxTags放在一个变量中，并编写一个简单的if语句，当maxTags>10发出带有“所选语言的最大数量”等文本的警报时。@mrdeadsven如何在

tagsinput

函数中创建变量。我尝试了它的显示错误。不是在taginput中，我将创建一个变量出纳并将其设置为0。每次他们选择一种语言时，我都会做teller=teller+1，当teller>10时会显示警报。是的，我理解。我会尽力解决这个问题。但困难的部分是如何识别用户选择的值。如果它的按钮

点击

或

onchange

我们可以做点什么。但在这个插件中，它不断地为每个值添加一个跨度。而且，这不仅仅是增加价值。在编辑配置文件中，它将显示已选择的值，用户可以添加更多值，最大值为10。我觉得这么简单。用=10代替>10？并将警报设置为类似“警告您无法再添加语言，因为您已达到最大值10”的警告？