javascript

텍스트 박스에 원하는 숫자 또는 문자만 입력되게 하기.

조심이 2008. 12. 2. 21:01
반응형
html -
숫자나 텍스트만 입력되고 나머지는 입력이 안되게 하기 위해선
onKeyPress 이벤트를 지정해 준다. 이때 숫자만 받을것인지 문자만 받을것인지 구분을 해주면 된다
자세히 보다보면 원하는 숫자나 원하는 문자만 받기위해서 살짝만 수정해 주면 된다는것을 알 수 있다.

--> 숫자만
<input type="text" id="Buf_Distance" onKeyPress="allowOnly('0..9|/');" style="TEXT-ALIGN:right"/>

--> 알파벳만
<input type="text" id="Buf_Distance" onKeyPress="allowOnly('a..z|/');" style="TEXT-ALIGN:right"/>


javascript -

function allowOnly(expression)
{
 expression = expression.toLowerCase();
 expression = expression.replace( "a..z", "abcdefghijklmnopqrstuvwxyz");
 expression = expression.replace( "0..9", "0123456789");
 expression = expression.replace( "1..9", "123456789");
 expression = expression.replace( "|", "");
 
 var ch = String.fromCharCode(window.event.keyCode);
 
 ch = ch.toLowerCase();
 expression = expression.toLowerCase();
 var a = expression.indexOf(ch);
 
 if (a == -1) window.event.keyCode = 0;
}
반응형