웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
숫자 입력란에 숫자만 입력되게 하는 팁입니다^^
2008.01.01 13:35
회원가입시 전화번호나 폰번호 등에 숫자만 입력받아야 하는데 아무글이나
눌러도 가입이 되어버리는 것을 방지하기 위한 팁입니다.
1. /zbxe/modules/member/skins/스킨디렉토리/js/member.js 파일을 열어 마지막 부분에
아래 스크립트를 추가해줍니다.
2. /zbxe/modules/member/skins/스킨디렉토리/signup_form.html 파일을 수정합니다.
이렇게 수정하시면 전화번호 형식란은 모두 숫자외의 문자는 입력과 동시 지워지게 됩니다.
그리고 maxlength 값을 4로 했기때문에 4글자 이상은 적히지 않습니다.
새해복 많이 받으세요~~~
눌러도 가입이 되어버리는 것을 방지하기 위한 팁입니다.
1. /zbxe/modules/member/skins/스킨디렉토리/js/member.js 파일을 열어 마지막 부분에
아래 스크립트를 추가해줍니다.
/* 숫자만 되도록 */ 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 파일을 수정합니다.
<!-- 전화번호 --> <!--@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 이벤트로 함수를 호출하게 됩니다.)
<!-- 전화번호 --> <!--@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글자 이상은 적히지 않습니다.
새해복 많이 받으세요~~~
제목 | 글쓴이 | 날짜 |
---|---|---|
XE 템플릿 문법 : 조건부 class 작성하기 | AJKJ | 2015.05.23 |
레이어형 로그인 사용시에 SSL 적용방법 (선택적 사용시) [1] | 불금 | 2015.05.20 |
확장 컴포넌트 밖으로 뺀 후 완전한 버튼화 [1] | 키스미베이베 | 2015.05.20 |
플렛모바일 네이버로 로그인하기 버튼 | LI-NA | 2015.05.17 |
저같은 초보분들이 궁금해 하실것같아서요 [3] | 착한동구 | 2015.05.08 |
모바일 이미지축소모드 | kdp | 2015.05.07 |
모바일 이미지 제거모드 | kdp | 2015.05.07 |
오늘 작성된 게시글수 [2] | kdp | 2015.05.07 |
게시판의 MP3파일 갯수 표시하기 | kdp | 2015.05.07 |
인기글 [1] | kdp | 2015.05.07 |
[서버운영] 웹 재요청 방지 및 트래픽 감소를 위한 방법 | 마루디자인 | 2015.05.06 |
member 모듈 업데이트가 계속 나오는 경우 | 고니고니 | 2015.05.06 |
속도관련 나노팁. [5] | 1052 | 2015.05.04 |
CKEditor 이용시 몇가지 유용한 설정 [11] | prologos | 2015.05.02 |
xe설치시 퍼미션 문제나 DB엑세스 문제 해결하기 | 길가던분 | 2015.05.01 |
리스트에 스크랩 버튼을 뺴는 코드입니다. [3] | 착한악마 | 2015.04.30 |
PC에서 모바일화면 보는방법 [2] | 빅스타 | 2015.04.29 |
폰갭과 웹앱 그리고 XE... [6] | onTrust | 2015.04.23 |
간편 css 압축 | Ansi™ | 2015.04.21 |
XE 1.8 대응 apache 2.2 / php 5.5 / MariaDB 10 설치 [11] | 간장게장같은남자 | 2015.04.19 |