웹마스터 팁

  2. Support
  3. 웹마스터 팁

숫자 입력란에 숫자만 입력되게 하는 팁입니다^^

2008.01.01 13:35

shtjdals

회원가입시 전화번호나 폰번호 등에 숫자만 입력받아야 하는데 아무글이나
눌러도 가입이 되어버리는 것을 방지하기 위한 팁입니다.

1. /zbxe/modules/member/skins/스킨디렉토리/js/member.js 파일을 열어 마지막 부분에
아래 스크립트를 추가해줍니다.

?
1
2
3
4
5
6
7
8
9
10
11
12
/* 숫자만 되도록 */
function SetNum(obj) {
 
 if ((event.keyCode <= 27) || (event.keyCode >= 33 && event.keyCode <= 46) || (event.keyCode >= 91 && event.keyCode <= 93) || (event.keyCode >= 112 && event.keyCode <= 145)) {
  return false;
 }
 
 val=obj.value;
 re=/[^0-9]/gi;
 obj.value=val.replace(re,"");
 
}

2. /zbxe/modules/member/skins/스킨디렉토리/signup_form.html 파일을 수정합니다.

?
1
2
3
4
5
<!-- 전화번호 -->
            <!--@elseif($val->column_type == 'tel')-->
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4" class="inputTypeText" />
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4" class="inputTypeText" />
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4" class="inputTypeText" />
를 찾아서 아래와 같이 수정해줍니다. (onKeyup 이벤트로 함수를 호출하게 됩니다.)
?
1
2
3
4
5
<!-- 전화번호 -->
            <!--@elseif($val->column_type == 'tel')-->
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4" maxlength="4" class="inputTypeText" onKeyup="SetNum(this);" />
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4" maxlength="4" class="inputTypeText" onKeyup="SetNum(this);" />
                <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4" maxlength="4" class="inputTypeText" onKeyup="SetNum(this);" />

이렇게 수정하시면 전화번호 형식란은 모두 숫자외의 문자는 입력과 동시 지워지게 됩니다.
그리고 maxlength 값을 4로 했기때문에 4글자 이상은 적히지 않습니다.

새해복 많이 받으세요~~~
이 게시물을
좋아요
목록
제목 글쓴이 날짜
xml 포함한 플래쉬를 제로보드xe 에서 적용하는 과정 [4] file 도토리나무 2007.12.20
IE Toy 사용시 ''페이지'', ''외부페이지'' 차단되네요... [2] 폭풍의 전야 2007.12.22
회원가입시 추가한 추가정보를 관리자와 회원자신만 보기... [5] 지연아빠 2007.12.22
외부프로그램(페이지)에서 zbxe 로그인 정보 연동하기 [33] file 도데군 2007.12.23
Ms 워드로 게시판 글쓰기 [1] file 더하기나무 2007.12.25
제로보드에서 로그인후 테크노트에서 로그인정보 사용하기 [4] JinHoHan 2007.12.26
APM_Setup 6 과 ZBXE 설치하기(개인서버) [3] 백성찬 2007.12.27
플래쉬 테두리 없애기 [3] 부우우 2007.12.28
Parse error: parse error, unexpected '':'' in /home/hosting_users/xxx/www/xx/classes/template/TemplateHandler.class.php(341) : eval()''+ 'd code on line 14 에러에 대하여... 왕경태 2007.12.29
레벨에 따라 자동으로 그룹 변경하기 [11] 지연아빠 2007.12.29
xe에 라이프팟 연동하기 [6] 가클 2007.12.30
원하는 값으로 게시판 정렬하기 [3] 화니군 2007.12.30
게시판 별로 에디터의 옵션 설정하기 [6] 레드맨 2008.01.01
숫자 입력란에 숫자만 입력되게 하는 팁입니다^^ [1] shtjdals 2008.01.01
로그아웃 페이지가 심심한듯 보여서 이미지를 넣어봤습니다. [9] file moonsoo 2008.01.01
회원 아이디만 가지고 쪽지 보내는방법 [1] sleep2 2008.01.01
내 홈페이지에 구글 검색용 애드센스 달기 file RulruRalra 2008.01.01
홈페이지에 최근글 넣고 새창으로 띄우기 happyblog 2008.01.02
나야나 웹호스팅에서 제로보드 XE 사용하시려면 [2] John704 2008.01.02
주소 끝에 /zbxe 안 적어도 바로 /zbxe로 들어오는 법 [10] 삵살개 2008.01.03
태그 쓰기