Html & Script

input 텍스트박스안에 영문, 한글, 숫자입력

페이지 정보

본문

스타일 시트 이용
<input type="text" size="10" style="ime-mode:active"> (한글 모드)
<input type="text" size="10" style="ime-mode:inactive"> (영문 모드)
<input type="text" size="10" style="ime-mode:disabled"> (오직 영문 모드)
 
 
<스크립트 이용>
 
1.isNaN 이용
 
<script language='javascript'>
function num_chk() {
if(isNaN(document.form1.test.value)) {
alert('숫자만ㅠ.ㅜ');
return;
}
}
</script>
<form name='form1'>
<input type=text name='test' onkeyup='num_chk()'>
</form>
 
 
2. 정규표현식 이용
 
키코드 값으로 제어하는 것이 가장 하급 방법입니다.
폼의 인풋 값들은 기본적으로 String이기 때문에 isNaN 도 별로 합당치 않습니다.
정규표현식이 가장 좋습니다.
function onlyNumber( el ) {
el.value = el.value.replace( /\D/g, '' );
}
<input type=text onkeyup="onlyNumber(this);">
-참이삭
 

3. 키코드값 제어
 
숫자와 마침표만 가능하게 ....
아스키코드값으로 제어하면 되겠죠.. 0부터 9까지가 48-57이구
마침표(.)가 110이니까...
<script language="javascript">
function num_only()
{
if(((window.event.keyCode<48) || (window.event.keyCode>57)) && (window.event.keyCode != 110)) { 
window.event.returnValue=false;
}
}
</script>
<input type="text" name="id" OnKeyPress="num_only()">
<input type="text" name="id" OnKeyPress="num_only()" style='ime-mode:disabled'> - 한글 안되게..

관련자료

등록된 댓글이 없습니다.
Today's proverb
인생을 목적으로서가 아니라 하나의 과정으로서 계속되는 여행이라고 생각하라. 당신의 인생 여행은 매일매일 가능한 한 인간적으로 즐길 수 있는 것이다. 꽃향기를 맡기 위해 시간을 내라. 매일매일의 생활이 가끔 어떠한 어려운 문제에 봉착하든지 간에 그 일정 부분을 즐겨라. (제럴드 쿠셀 "성공의 비밀" 中에서)