개발 기록/Javascript

Javascript 키코드 특정 키 입력 방지

JasonM 2023. 5. 22. 20:23
반응형

자바스크립트 키코드(event.keyCode)를 이용한 입력 제한하는 방법을 몇 가지 예제를 통해 알아보자

 

1. 한글 입력 방지 스크립트 - submit 에서 Form Validation 시

for(i=0;i<mainform.FRM_BID.value.length;i++) {
	var a=mainform.FRM_BID.value.charCodeAt(i);
	if (a > 128) {
		alert('영문으로만 입력해주세요!');
		mainform.FRM_BID.value = "";
		mainform.FRM_BID.focus();
		return;
	}
}

 
 

2. 특수문자(Special Character) 입력 방지 스크립트 - key down 시 사용

if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97) || event.keyCode == 34 || event.keyCode == 39){
	event.returnValue = false;
}

//keyCode 34,39 는 따옴표

 
 

3. 특수문자(Special Character) 입력 방지 스크립트 - submit 에서 Form Validation 시

function scCheck(tmp){

	for(i = 0 ; i < tmp.length; i++){
		ch = tmp.charCodeAt(i);
  
		if( ch < 48 || (ch > 57 && ch < 65) || (ch > 90 && ch < 97) || (ch > 122 && ch < 44032) || ch > 55023 ){
			if(ch != 45 && ch != 95){
				return false;
            }
		}
	}
}


scCheck(id.value);

 
 
 
 

[참고] 키코드 전체 리스트

키코드를 이용해서 화면을 제어할 필요가 있을 경우 참고.
 

코드 코드 코드 코드
←(백스페이스)  8 0 48 65 F1 112
TAB 9 49 66 F2   113
ENTER 13 2 50 67 F3  114
SHIFT  16 51 68 F4  115
CTRL  17 4 52 69 F5  116
ALT 18 5 53 70 F6  117
PAUSE/BREAK 19 6 54 71 F7  118
CAPS LOOK 20 7 55 72 F8  119
한/영 21 8 56 73 F9  120
한자 25 9 57 74 F10  121
ESC 27     75 F11  122
스페이스 32 0(오른쪽)  96 76 F12  123
PAGE UP 33 1(오른쪽)  97 77    
PAGE DN 34 2(오른쪽)  98 78    
END 35 3(오른쪽)  99 79    
HOME 36 4(오른쪽)  100 80    
←(중간) 37 5(오른쪽)  101 81 =(중간)  187
↑(중간) 38 6(오른쪽)  102 82 -(중간)  189
→(중간) 39 7(오른쪽)  103 83 `(왼쪽콤마)   192
↓(중간) 40 8(오른쪽)  104 84 \(중간)  220
INSERT 45 9(오른쪽)  105 85    
DELETE  46     86 .(오른쪽)  110
윈도우(왼쪽)  91     87 /(오른쪽)  111
윈도우(오른쪽) 92     88 *(오른쪽)  106
기능키 93     89 +(오른쪽)  107
NUM LOCK 144     90 -(오른쪽)  109
SCROLL LOCK 145            

 
 
 
 

 

반응형