메뉴 건너뛰기

조회 수 1992 추천 수 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()" >


  1. 활용예제 : 체크박스 전체선택 전체해제 /라디오버튼

    Date2014.03.01 Views7020
    Read More
  2. 현재시간 기준 날짜 계산

    Date2016.09.21 Views6103
    Read More
  3. 현재 날짜, 시간 ( Month + 1 에 대해서 )

    Date2021.03.25 Views218
    Read More
  4. 핸드폰 번호 일부 마스킹크 작업 (정규식 이용)

    Date2015.06.19 Views10741
    Read More
  5. 해상도에 따라 배경 바꾸기

    Date2014.03.01 Views6083
    Read More
  6. 함수의 arguments 를 이름(key)으로 접근하기

    Date2016.09.21 Views5976
    Read More
  7. 한글 짜르기

    Date2019.01.16 Views1179
    Read More
  8. 한글 또는 영문만이 존재하는지 체크

    Date2019.01.16 Views1163
    Read More
  9. 풍선도움말

    Date2019.01.16 Views1167
    Read More
  10. 폼안에 태그명, 함수명 같을때 오류

    Date2021.03.26 Views215
    Read More
  11. 페이지 이동

    Date2021.03.26 Views190
    Read More
  12. 페이지 로드 할때 컨트롤에 포커스 주기

    Date2015.02.03 Views8500
    Read More
  13. 패스워드, 확인패스워드가 맞는지 체크

    Date2023.01.12 Views130
    Read More
  14. 팝업창 차단 "허용 메시지"

    Date2018.09.28 Views1738
    Read More
  15. 팝업창 맨위로 올라오게 하기

    Date2021.03.26 Views874
    Read More
  16. 팝업창 가운데 띄우기

    Date2016.12.23 Views6705
    Read More
  17. 특정부위 마우스 오버시 설명을 보여주는 소스

    Date2014.03.17 Views8697
    Read More
  18. 특정 부분 인쇄 자바스크립트

    Date2019.01.16 Views1588
    Read More
  19. 특정 HTML DOM 엘레멘트로 스크롤 이동하기

    Date2016.09.09 Views7075
    Read More
  20. 텍스트박스(input type = "text") 숫자 증가, 감소 시키기 - 쇼핑몰 주문 수량

    Date2015.06.19 Views12288
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved