[jQuery] keyup 메소드를 사용하여 입력 값에 따라 특정 기능 활성/비활성화하기

jQuery를 사용하면 입력 값이 변경될 때 특정 기능을 활성화하거나 비활성화할 수 있는데요. keyup 메소드는 입력 요소에서 키보드를 누르고 놓을 때 발생하는 이벤트에 대한 핸들러를 연결할 때 사용됩니다.

다음은 keyup 메소드를 사용하여 입력 값에 따라 특정 기능을 활성화 또는 비활성화하는 예제 코드입니다.

$(document).ready(function(){
  $('#inputField').keyup(function(){
    var inputValue = $(this).val().trim();  // 입력 값 가져오기 및 양쪽 공백 제거

    if(inputValue.length > 0){
      $('#submitButton').prop('disabled', false);  // 입력 값이 있을 때 버튼 활성화
    } else {
      $('#submitButton').prop('disabled', true);   // 입력 값이 없을 때 버튼 비활성화
    }
  });
});

이 코드는 #inputField라는 입력 요소의 값이 변경될 때(keyup 이벤트 발생 시) 입력 값을 가져온 후, 그 값의 길이에 따라 #submitButton 버튼을 활성화 또는 비활성화합니다.

이러한 방식으로 keyup 메소드를 사용하여 입력 값에 따라 특정 기능을 활성화 또는 비활성화할 수 있습니다.

더 자세한 내용은 jQuery 공식 문서를 참고하시기 바랍니다. jQuery 공식 문서