[HTML + CSS] input 숫자만 입력 가능하게 만들기

 

익스플로러 에서만 가능

 

function numkeyCheck(e) { var keyValue = event.keyCode; if( ((keyValue >= 48) && (keyValue <= 57))) return true; else return false; }

 

 

 

요즘 익스플로러만 쓰지 않고 다른 웹 브라우저도 많이 사용됨

 

파이어폭스, 크롬 등등

 

모든 브라우저에서 사용가능하게 하는 법

 

 

function onlyNumberInput2( Ev ) { if (window.event) // IE코드 var code = window.event.keyCode; else // 타브라우저 var code = Ev.which; if ((code > 34 && code < 41) || (code > 47 && code < 58) || (code > 95 && code < 106) || code == 8 || code == 9 || code == 13 || code == 46) { window.event.returnValue = true; return; } if (window.event) window.event.returnValue = false; else Ev.preventDefault(); } <input type = "text" onKeyDown = "javascript:onlyNumberInput2(event)" style='IME-MODE: disabled' />

 

추가하면 됩니다.

 

----------------------------------------------------------------------------------------------------------------------------

 

추가

이거 쓰세요 위에꺼 쓰지말고

 

모바일에서는 숫자만 입력이 안되서 다른방법을 찾았습니다.

 

<input type="number" name="userid" autocomplete="off" placeholder="아이디를 입력하세요" class="main_input" style='IME-MODE: disabled' />

 

 

감사합니다.