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'> - 한글 안되게..