양식을 사용하지 않고 입력 버튼을 연결하는 방법은 무엇입니까? 사용자가 엔터 키를 사용할 수있게하려는 경우

Question

이 입력란에 양식 태그를 사용하지 않아야합니다 (백엔드 별 버그가 발생 함)

사용자가 사용하도록 허용하는 방법 입력을 선택할 때 입력 키/제출을 활성화하는 활성?

수동으로 추가 그룹 버튼을 제출하거나 탭을 클릭 할 수 있지만, 그냥 클릭 :(

양식

<input type="text" 
     id="group-code" value="Type your Group Code Here" name="Type your Group Code Here" 
     onblur="if (this.value == '') {this.value = 'Type your Group Code Here';}" 
     onfocus="if (this.value == 'Type your Group Code Here') {this.value = '';}" 
     autocomplete="off"/> 

<button class="btn" id="btn_join_group">add group</button> 
<!--<input type="submit" id="btn_join_group" form="group-code" value="add group"/>--> 

를 입력 할 수 없습니다 클릭하면 사용자 jQuery

$('#btn_join_group').unbind('click').bind("click", function(event) { 

    var newGroup = $('#group-code').val(); 

    // Send Group code to server 
    WHOAT.networking.getToServerWithAjax('/groups/join', newGroup, function (response) { 
     var res = JSON.parse(response); 

     if (res.result === 'success') { 
      notification.setStatusAndFadeStatus(response); 

     } else if (res.result === 'error') { 
      notification.setStatusAndFadeStatus(response); 
     } 
    }); 
}); 

Answer 1

이 같은 입력 뭔가 리스너를 추가 할 수 있습니다

$('#group-code').keypress(function (e) { 
    if (e.keyCode === 13) 
     sendAjax(); 
}); 

그런 다음 sendAjax라는 함수에 AJAX 블록을 포장. 이 코드는 테스트되지 않았지만 아이디어가 유효해야합니다.

Answer 2

keypress 이벤트를 사용할 수 있습니다.

$('#group-code').on('keypress', function (e) { 
    var keyCode = e.which; 
    if (keyCode == 13) { 
     //Trigger click event 
     $('#btn_join_group').trigger('click'); 
    } 
}); 

Answer 3

입력에 keypress 이벤트를 추가하고 true 인 경우 입력 키가 눌러져 있는지 확인하여 버튼 기능을 트리거하십시오.

$('input').on('keypress',function(event){ 
if(event.keyCode == [the enter key code]) 
    //trigger the button click 
})