메뉴 건너뛰기

조회 수 1993 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

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


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()" >


List of Articles
번호 제목 날짜 조회 수
67 JavaScript 에서 JSON 생성 2016.11.17 10323
66 Javascript 로 초성검색하기 2019.01.10 2377
65 JavaScript 날짜관련함수 2014.02.27 5703
64 Javascript selectbox selected 컨트롤 file 2018.06.21 10058
63 Javascript - 화면 캡처 후 서버에 저장하기(html2canvas 사용법, 주의사항) file 2021.03.09 2186
62 Javascript - 입력한 년, 월의 마지막 날짜 구하기 2021.03.09 226
61 Javascript - 입력받은 숫자를 순서대로 홀짝 별로 배열에 삽입하기 2021.03.09 302
60 Javascript - 이미지 미리보기 회전되어 나옴(EXIF) file 2021.03.09 36416
59 Javascript - 유효성 체크(이메일 정규식, IP 정규식, 비밀번호 등) 2021.03.09 730
58 Javascript - 사업자 등록번호 유효성 체크 file 2021.03.09 1093
57 javascript - vanillaJS로 체크박스(checkbox) 제어하기 file 2021.03.09 501
56 Javascript - Free SVG 한국맵 제어 처리 file 2021.03.09 874
55 Javascript - form태그 내부 ajax처리시 2번 전송되는 현상 2021.03.09 269
54 Javascript - Calendar 달력 생성하고 제어하기 2021.03.09 514
53 input에 background-image 이벤트 2014.03.01 5356
52 input 테그안의 숫자 3자리 마다 콤마 찍기 2014.03.01 6077
51 input 태그에서 name과 id의 차이 2019.01.16 1104
50 input 빈칸 체크 2014.03.01 6271
49 input 박스에서 유용한 자바 스크립트 2014.02.27 5462
48 input type file multiple list (파일 업로드 리스트 확인) file 2016.11.17 12442
Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved