html input 에서 한글, 영문, 숫자 등 모든 입력 javascript로 막기

html input 에서 한글, 영문, 숫자 등 모든 입력 javascript로 막기
카테고리 Web
제목 html input 에서 한글, 영문, 숫자 등 모든 입력 javascript로 막기
작성시간 2017-07-20 20:18:38 +0900
조회수 2531

        html input 에서 한글, 영문, 숫자 등 모든 입력 막기


html 에서 input 을 javascript 로 막아야 할 경우가 있습니다.

저 같은 경우에는 달력 라이브러리를 사용하는데,
해당 달력에서 readonly 를 사용하면 입력이 안 되는 문제가 있었습니다. 


위와 같은 형태였는데, javascript 를 사용할 수 밖에 없었습니다.

소스코드는 아래와 같습니다. 

- html input 소스코드

<input type='text' onkeyup='removeChar(event)' style='ime-mode:disabled;' />

- javascript 코드 

<script type="text/javascript"> 
// 영어와 숫자 입력 방지
$("#input 아이디").keydown(function (e) {
return false;
});
// 한글 입력 방지
function removeChar(event) {
event = event ||
window.event;
var keyID = (event.which) ? event.which : event.keyCode;
if ( keyID == 8 || keyID == 46 || keyID == 37 || keyID == 39 )
return;
else
event.target.value = event.target.value.replace(/[^0-9]/g, "");
}
</script>






▼댓글▼

닉네임
E-메일 varando@naver.com
시간 2017-09-22 01:04:16 +0900
내용 크롬에서도 잘 먹힙니다. 감사합니다.

▼추천 게시물▼