웹마스터 팁
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글자 이상은 적히지 않습니다.
새해복 많이 받으세요~~~