[JavaScript+Jquery] 입력된 값의 길이 체크

키가 입력 될때마다 길이를 체크하는 함수.

키가 입력되는 것을 감지하는데에는 

onkeypress : 키를 누르고 있는 상태

onkeydown : 키를 눌러서 값이 입력된 상태

onkeyup : 키를 뗀 상태

을 이용해서 이벤트를 확인할 수 있다.

위의 이벤트를 키보드를 입력하는 액션으로서 생각해보자.

'ㄱ'이라는 자판을 누르고 있는 중이면 onkeypress

'ㄱ'이라는 자판을 눌러서 값이 입력이 되었으면 onkeydown

'ㄱ'이라는 자판을 눌렀다 완전히 키보드에서 손가락을 뗀 상태는 onkeyup 이다.

이 중에서 키값을 체크하기에는 onkeypress가 가장 적합하다.

[자바스크립트]

function onKeyPressLengthCheck(_this, maxLen) {

var val = $("#"+_this.id).val();

var keyCode = event.keyCode;

// Backsapce, Delete

if(keyCode == 8 || keyCode == 46) {

return;

}

if(val.length > maxLen) {

alert(maxLen+"자 이하로 입력하세요.");

event.returnValue = false;

}

}

[HTML]

<input 속성값들..... onkeypress="onKeyPressLengthCheck(this, 100)">