[php] input box에 제한 걸기 > 팁앤테크

본문 바로가기

사이트 내 전체검색

뒤로가기 팁앤테크

[php] input box에 제한 걸기

본문

웹페이지 작업시 form에서 input을 많이 사용한다.
그 중에서 input의 type을 text로 하여 문자열을 입력을 많이 받는데
가끔 꼭 필요한 제한을 해야하는 경우가 있다.

1. 숫자만 입력 가능한 input box
<script language="javascript">
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>

<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>

<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;" />
추천0

댓글목록 1

킹멕스님의 댓글

킹멕스쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

감사합니다..

전체 825건 23 페이지
게시물 검색
Copyright (c) 株式会社YHPLUS. All rights reserved.

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒171-0014 東京都豊島区池袋2-41-5 アーバン154 8F
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

PC 버전으로 보기