웹페이지 작업시 form에서 input을 많이 사용한다.
그 중에서 input의 type을 text로 하여 문자열을 입력을 많이 받는데
가끔 꼭 필요한 제한을 해야하는 경우가 있다.
1. 숫자만 입력 가능한 input box
2. 영문 소문자만 입력 가능한 input box
3. 영문 대문자만 입력 가능한 input box
4. 참고자료
- input 언어 선택
작성 : 상현넘™ [SHBLITZ.NET]
그 중에서 input의 type을 text로 하여 문자열을 입력을 많이 받는데
가끔 꼭 필요한 제한을 해야하는 경우가 있다.
1. 숫자만 입력 가능한 input box
<script language="javascript">
function onlyNumber()
{
if((event.keyCode < 48)||(event.keyCode > 57))
{
event.returnValue=false;
}
}
</script>
function onlyNumber()
{
if((event.keyCode < 48)||(event.keyCode > 57))
{
event.returnValue=false;
}
}
</script>
<input type="text" onkeypress="onlyNumber()" style="ime-mode:disabled;" />
2. 영문 소문자만 입력 가능한 input box
<script language="javascript">
function toLower()
{
if(event.keyCode >= 65 && event.keyCode <= 90)
{
event.keyCode = event.keyCode + 32;
}
}
</script>
function toLower()
{
if(event.keyCode >= 65 && event.keyCode <= 90)
{
event.keyCode = event.keyCode + 32;
}
}
</script>
<input type="text" onkeypress="toLower()" style="ime-mode:disabled;" />
3. 영문 대문자만 입력 가능한 input box
<script language="javascript">
function toUpper()
{
if(event.keyCode >= 97 && event.keyCode <= 122)
{
event.keyCode = event.keyCode - 32;
}
}
</script>
function toUpper()
{
if(event.keyCode >= 97 && event.keyCode <= 122)
{
event.keyCode = event.keyCode - 32;
}
}
</script>
<input type="text" onkeypress="toUpper()" style="ime-mode:disabled;" />
4. 참고자료
- input 언어 선택
영문 상태 : <input type="text" style="ime-mode:inactive;" />
한글 상태 : <input type="text" style="ime-mode:active;" />
한글 사용못하게 : <input type="text" style="ime-mode:disabled;" />
한글 상태 : <input type="text" style="ime-mode:active;" />
한글 사용못하게 : <input type="text" style="ime-mode:disabled;" />
작성 : 상현넘™ [SHBLITZ.NET]
댓글을 달아 주세요