텍스트박스 입력제한(숫자,영문,한글,특수기호)

by 조쉬 posted Jan 16, 2019
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

입력된글자의 코드에 따라 플래그를 반환하여...그 플래그에 따라
텍스트 박스에 입력제한을 두도록한다.


function check_key() {
 var char_ASCII = event.keyCode;
  //숫자
 if (char_ASCII >= 48 && char_ASCII <= 57 )
   return 1;
 //영어
 else if ((char_ASCII>=65 && char_ASCII<=90) || (char_ASCII>=97 && char_ASCII<=122))
    return 2;
 //특수기호
 else if ((char_ASCII>=33 && char_ASCII<=47) || (char_ASCII>=58 && char_ASCII<=64) 
   || (char_ASCII>=91 && char_ASCII<=96) || (char_ASCII>=123 && char_ASCII<=126))
    return 4;
 //한글
 else if ((char_ASCII >= 12592) || (char_ASCII <= 12687))
    return 3;
 else 
    return 0;
}

 

//텍스트 박스에 숫자와 영문만 입력할수있도록
function nonHangulSpecialKey() {

 if(check_key() != 1 && check_key() != 2) {
  event.returnValue = false;   
  alert("숫자나 영문자만 입력하세요!");
  return;
 }
}

 

//텍스트 박스에 숫자만 입력할수 있도록
function numberKey() {

 if(check_key() != 1 ) {
  event.returnValue = false;   
  alert("숫자만 입력할 수 있습니다.");
  return;
 }
}

 

...

 

영문과 숫자만 입력할 수 있도록...

<input name="user_id" type="text" class="input"  onkeypress="nonHangulSpecialKey()" >