2017-09-04 2 views
0

멋진 태그 입력과 함께 제공되는 템플릿을 사용하고 있지만 이제는 단어 수를 세고 특정 조건에 따라 단어 수를 제한하고 싶습니다. 방법은 특정 textboxfor의 keyup을 사용 하여이 일을 찾았지만,이 JQuery를 참조해야하지만, 다음 내 태그 입력을 깰.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와에 참조 밖으로하여이 작업을 수행 할 수있는 방법, 또는 수 그것을 참조하고 내 태그 입력을 중단하지 있습니까 : 아래는 내가 현재 가지고 무엇인가?

답변

0

그래서이 문제에 대한 해결책을 찾았습니다. 위에서 언급했듯이 .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); 
     } 
    }); 
}) 

희망이이 선을 따라 다른 곳에서 누군가 도움을

0

data_role과 관련된 구체적인 내용이 있습니까? XPath를 사용한다면 @에 모든 속성을 넣어야한다는 것을 기억하는 한. data_role = 'tagsinput'@data-role = 'tagsinput'으로 바꾸어보세요. 문제가 원인 일 수 있습니다.

+0

태그가 붙어 있지만 여전히 문제가 있습니다. 태그를 확인해도 JQuery 파일에 대한 참조를 추가하면 태그가 끊어집니다 (즉, 이제 C#, SQL, MVC로 표시됨). 태그) – AxleWack

+0

jQuery를 참조하는 코드를 게시 할 수 있습니까? –

+0

문제가있는 곳입니다.이보기는 jQuery를 참조하지 않습니다. 휴식. 나는 keyup 함수를 사용할 수 있도록 참조를 추가하려고합니다. 그러나 참조를 사용하지 않으면 keyup 함수가 작동하지 않습니다. 요점을 놓치고 있습니까? – AxleWack