부트 스트랩 태그 입력 양식을 제출할 때 입력 키

Question

bootstrap-tagsinput에 다음 태그 양식 입력을위한 제출 키가 제출됩니다! 해결책은 무엇입니까?

$("#inputID").tagsinput(); 

Answer 1

먼저,지도하여 tagsinput의 confirmkeys 옵션 '입력'할 것이다, 당신은 제출되는 양식을 방지하기 위해 입력 키에 preventDefault()를 호출해야합니다. 내 솔루션에서는 사용자가 태그 입력 필드에 포커스를 맞추는 동안 입력 키를 눌러 제출을 막을 수 있습니다.

약간의 중복을 추가하려면 필자는 입력 필드의 쉼표로 쉼표를 다시 매핑합니다. 다만이 또한이 참고로, 키 입력

$('#tags-input').tagsinput({ 
    confirmKeys: [13, 188] 
    }); 

    $('#tags-input input').on('keypress', function(e){ 
    if (e.keyCode == 13){ 
     e.keyCode = 188; 
     e.preventDefault(); 
    }; 
    }); 

13로 매핑하고, 콤마 JS 188이다.

Answer 2

Enter 키는 다시 게시 용으로 사용됩니다. 그래서 '입력'키를 누르면 '다시 게시'이벤트가 트리거되어 양식이 제출되도록하는 사례가있었습니다. 용액 : 페이지로드 보호구에 는이 태그 입력 키를 입력

@using (Html.BeginForm("ActionName", "ControllerName", FormMethod.Post, new { onkeydown = "return event.keyCode!=13" })) 

이 간단한 예이다 asp.net MVC 프레임 워크를 사용하는 경우.