[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 공식 문서