반응형
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;
}
숫자나 텍스트만 입력되고 나머지는 입력이 안되게 하기 위해선
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;
}
반응형
'javascript' 카테고리의 다른 글
여러개의 셀렉트 박스 전체 선택으로 전체 체크하기. (0) | 2009.07.31 |
---|---|
부모(parent) 페이지에서 iframe 속의 html 태그 ,웹컨트롤 제어하기.. (0) | 2008.12.08 |
오류: 종결되지 않은 문자열 상수 입니다. 문제 해결.. (0) | 2008.11.28 |
자바스크립트 substring 과 substr 의 차이 (2) | 2008.11.27 |
년 월 일 날짜 콤보박스 셋팅 (0) | 2008.07.24 |