input 텍스트박스안에 영문, 한글, 숫자입력
컨텐츠 정보
- 22,359 조회
- 2 추천
-
목록
본문
스타일 시트 이용
<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"> (오직 영문 모드)
<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>
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);">
-참이삭
폼의 인풋 값들은 기본적으로 String이기 때문에 isNaN 도 별로 합당치 않습니다.
정규표현식이 가장 좋습니다.
function onlyNumber( el ) {
el.value = el.value.replace( /\D/g, '' );
}
<input type=text onkeyup="onlyNumber(this);">
-참이삭
3. 키코드값 제어
숫자와 마침표만 가능하게 ....
아스키코드값으로 제어하면 되겠죠.. 0부터 9까지가 48-57이구
마침표(.)가 110이니까...
마침표(.)가 110이니까...
<script language="javascript">
function num_only()
{
if(((window.event.keyCode<48) || (window.event.keyCode>57)) && (window.event.keyCode != 110)) {
function num_only()
{
if(((window.event.keyCode<48) || (window.event.keyCode>57)) && (window.event.keyCode != 110)) {
window.event.returnValue=false;
}
}
</script>
}
}
</script>
<input type="text" name="id" OnKeyPress="num_only()">
<input type="text" name="id" OnKeyPress="num_only()" style='ime-mode:disabled'> - 한글 안되게..
관련자료
댓글 0
등록된 댓글이 없습니다.
