JavaScript, jQuery : 키 입력 폼을 비활성화하는 방법 : 예제, 구현

JavaScript, jQuery : 키 입력 폼을 비활성화하는 방법 : 예제, 구현

 

HTML 양식에서 텍스트 상자를 채우고 Enter 키를 누르면 나머지 정보를 작성하지 않은 경우에도 양식을 제출합니다. Enter 키를 누를 때 Google 검색 창이 제출하는 등 이 기능을 사용하는 많은 웹 사이트가 있습니다.

텍스트 상자가 하나만 작성되어 있지만 입력 할 필드가 두 개 이상인 경우 Enter 키에 양식을 제출하지 않으려는 경우에 효과적입니다. 이 기본 기능을 변경하려면 양식 제출을 중지하기 위해 페이지에 약간의 Javascript를 추가해야합니다. jQuery를 사용하므로 다음 스니펫은 jQuery를 사용하여 enter 키를 해제하는 방법을 보여줍니다.

 

$("form").keypress(function(e) {
  //Enter key
  if (e.which == 13) {
    return false;
  }
});

 

Enter 키인 경우 어떤 키를 눌렀는지 확인한 다음 함수가 false를 반환하여 양식 제출이 중지됩니다.