관리 메뉴

웹개발자의 기지개

input text박스에서 숫자만 입력하기 본문

javascript

input text박스에서 숫자만 입력하기

http://portfolio.wonpaper.net 2019. 10. 27. 04:04
function onlyNumber() 
{
	   if(((event.keyCode >= 48) && (event.keyCode <= 57))) {
		  event.returnValue = true;	
	   } else {
		  event.returnValue = false;
	   }
}	

위의 소스와 같이 javascript 소스를 추가시켜 놓고

<input type="text" name="abc" onkeypress="onlyNumber()"> 하면 오직 숫자만 입력받을 수 있다.

다만, 문제는 IE 에서만 된다는게 문제   헐 ~~

 

크롬에서도 돌아가도록 해보자.

 

function onlyNumber2(e) {

	var isWindowEvent = window.event ? true : false;
	if (isWindowEvent) {
	   if(((event.keyCode >= 48) && (event.keyCode <= 57))) {
		  event.returnValue = true;
	   } else {
		  event.returnValue = false;
	   }
	} else {

	   if(((e.which >= 48) && (e.which <= 57))) {

	   } else {
		 e.preventDefault();			
	   }
	}
}

<input type="text" name="abc" onkeypress="onlyNumber2(event)"

 

확인해 보자 ~ 이제 크롬과 IE 모두 잘 돌아간다 ^^

 

 

Comments