JQueryリファレンスを追加すると、タグ入力が中断されます

Question

私は素敵なタグ入力が付いたテンプレートを使用していますが、今では単語の数を数え、特定の基準に基づいて単語の数を制限できるようにしたいと考えています私はこれを行う方法を見つけた特定のtextboxforのキーアップを使用することですが、これを行うにはJQueryを参照する必要がありますが、その後、私のタグの入力を壊す。以下は、私が現在持っているものです。

@Html.TextBoxFor(model => model.EmploymentSkills, new { @id = "tags", @class = "form-control tagsinput", @type = "text", @placeholder = "Add skill and press enter", data_role = "tagsinput" }) 

<script src="~/SmartAdmin/scripts/plugin/bootstrap-tags/bootstrap-tagsinput.min.js"></script> 

は、私はjQueryのに参照アウトでこれを行うことができる方法、または自分のタグ入力を破ることに参照しないことができるがありますか？

Answer 1

私はこれに対する解決策を見つけました。上で述べたように、.keyupや.keydownはうまくいきませんでしたので、.changeを使って上陸しました。また、これは単語の数をカウントし、それらを制限し、私が使用する関数です：

$（ドキュメント）.ready（関数（）{

$(".tagsinput").change(function (e) { 
     var value = $(this).val().replace(" ", ""); 
     var words = value.split(","); 

     if (words.length > '@Model.TagsAllowed') { 
      alert("You are not allowed more than '@Model.TagsAllowed' tags!"); 

      var lastword = value.split(",").pop(); 
      value = value.replace(',' + lastword, ''); 
      $(this).val(value); 
      $('.tagsinput').val() = value.substring(0, value.length - lastword.length); 
     } 
    }); 
}) 

希望、これはどこかのラインに沿って他の誰に役立ちます

。

Answer 2

data_roleに固有のものはありますか？私が覚えている限り、XPathを使用している場合はすべての属性を@に入れる必要があります。 data_role = 'tagsinput'を@data-role = 'tagsinput'に置き換えてください。多分それが問題の原因です。