회원 가입 페이지 스타일 적용

This commit is contained in:
MinSoo Kim 2017-01-30 22:45:20 +09:00
parent 1004743d12
commit 2780e3586f
3 changed files with 70 additions and 52 deletions

View file

@ -73,7 +73,6 @@
<input type="hidden" name="act" value="procMemberResendAuthMail" />
<input type="hidden" name="success_return_url" value="{getUrl(act, $act)}" />
<input type="hidden" name="xe_validator_id" value="modules/member/skin/simple_world/find_member_account/3" />
<!--// 분명 이렇게 xe_validator_id 를 썼는데.. 왜 바뀌어서 나타나는가... -->
<div class="control-group">
<label for="email_address3">
{lang('common.email_address')}
@ -84,4 +83,4 @@
</div>
</form>
</section>
<include target="./common_footer.html" />
<include target="./common_footer.html" />

View file

@ -0,0 +1,38 @@
/**
* @brief 회원 가입시나 정보 수정시 항목의 중복 검사하고 화면에 바로 나타냄
* @author misol <misol.kr@gmail.com>
* @author NAVER (developer@xpressengine.com)
**/
// body 에서 불러오면 가능
$('#rx_insert_member :input').filter('[name=user_id],[name=nick_name],[name=email_address]').blur(rxMemberCheckValue);
// 실제 서버에 특정 필드의 value check를 요청하고 이상이 있으면 메세지를 뿌려주는 함수
function rxMemberCheckValue(event) {
var field = event.target;
var _name = field.name;
var _value = field.value;
if(!_name || !_value) return;
var params = {name:_name, value:_value};
var response_tags = ['error','message','message_type'];
exec_xml('member','procMemberCheckValue', params, dispMemberValueCheck, response_tags, field);
}
// 서버에서 응답이 올 경우 이상이 있으면 메세지를 출력
function dispMemberValueCheck(response, response_tags, field) {
var _id = 'rx_sw_dummy-'+field.name;
var dummy = $('#'+_id);
if(response['message']=='success') {
dummy.html('').hide();
return;
}
if (!dummy.length) {
dummy = $('<p class="rx_member-notice error" />').attr('id', _id)
$(field).after(dummy);
}
dummy.html(response['message']).show();
}

View file

@ -1,13 +1,14 @@
<load target="../../tpl/js/signup_check.js" />
<load target="./js/signup_check.js" type="body" />
<!--// datepicker javascript plugin load -->
<!--%load_js_plugin("ui")-->
<!--%load_js_plugin("ui.datepicker")-->
<include target="./common_header.html" />
<h1 style="border-bottom:1px solid #ccc">{$lang->cmd_signup}</h1>
<section class="sw-body">
<h1>{$lang->cmd_signup}</h1>
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skins'" class="rx_member-notice {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<form ruleset="@insertMember" id="fo_insert_member" action="./" method="post" enctype="multipart/form-data" class="form-horizontal">
<form ruleset="@insertMember" id="rx_insert_member" action="./" method="post" enctype="multipart/form-data" class="form-horizontal">
<input type="hidden" name="act" value="procMemberInsert" />
<input type="hidden" name="xe_validator_id" value="modules/member/skins" />
<input type="hidden" name="success_return_url" value="{getUrl('act','dispMemberInfo')}" />
@ -23,66 +24,46 @@
</div>
</div>
<div class="control-group">
<label for="{$identifierForm->name}" class="control-label"><em style="color:red">*</em> {$identifierForm->title}</label>
<div class="controls">
<input type="text"|cond="$identifierForm->name!='email_address'" type="email"|cond="$identifierForm->name=='email_address'" name="{$identifierForm->name}" id="{$identifierForm->name}" value="{$identifierForm->value}" required />
<p class="help-inline" cond="$identifierForm->name == 'email_address' && $email_confirmation_required == 'Y'">
{$lang->msg_email_confirmation_required}
</p>
</div>
</div>
<div class="control-group">
<label for="{$identifierForm->name}">{$identifierForm->title}<sup style="color:red">*</sup></label>
<input type="text"|cond="$identifierForm->name!='email_address'" type="email"|cond="$identifierForm->name=='email_address'" name="{$identifierForm->name}" id="{$identifierForm->name}" value="{$identifierForm->value}" required />
<p class="rx_member-notice" cond="$identifierForm->name == 'email_address' && $email_confirmation_required == 'Y'">
{$lang->msg_email_confirmation_required}
</p>
<label for="password" class="control-label"><em style="color:red">*</em> {$lang->password}</label>
<div class="controls">
<input type="password" name="password" id="password" value="" required />
<p class="help-inline">{$lang->about_password_strength[$member_config->password_strength]}</p>
</div>
</div>
<div class="control-group">
<input type="password" name="password" id="password" value="" required />
<p class="rx_member-notice">{$lang->about_password_strength[$member_config->password_strength]}</p>
<label for="password2" class="control-label"><em style="color:red">*</em> {$lang->password3}</label>
<div class="controls">
<input type="password" name="password2" id="password2" value="" required />
</div>
</div>
<div class="control-group" loop="$formTags=>$formTag">
<label for="{$formTag->name}" class="control-label">{$formTag->title}</label>
<div class="controls" cond="$formTag->name != 'signature'">
{$formTag->inputTag}
<p class="help-inline" cond="$formTag->name == 'email_address' && $email_confirmation_required == 'Y'">
{$lang->msg_email_confirmation_required}
</p>
</div>
<div class="controls" cond="$formTag->name == 'signature'">
<input type="hidden" name="signature" value="" />
{$editor}
<style scoped>
.xpress-editor>#smart_content,
.xpress-editor>#smart_content>.tool{clear:none}
</style>
</div>
</div>
<div class="control-group">
<input type="password" name="password2" id="password2" value="" required />
<block loop="$formTags=>$formTag">
<label for="{$formTag->name}" class="control-label">{$formTag->title}</label>
<block cond="$formTag->name != 'signature'">
{$formTag->inputTag}
<p class="rx_member-notice" cond="$formTag->name == 'email_address' && $email_confirmation_required == 'Y'">
{$lang->msg_email_confirmation_required}
</p>
</block>
<block cond="$formTag->name == 'signature'">
<input type="hidden" name="signature" value="" />
{$editor}
</block>
</block>
<div class="control-label">{$lang->allow_mailing}</div>
<div class="controls" style="padding-top:5px">
<label for="mailingYes"><input type="radio" name="allow_mailing" id="mailingYes" value="Y" checked="checked"|cond="$member_info->allow_mailing == 'Y'" /> {$lang->cmd_yes}</label>
<label for="mailingNo"><input type="radio" name="allow_mailing" id="mailingNo" value="N" checked="checked"|cond="$member_info->allow_mailing != 'Y'" /> {$lang->cmd_no}</label>
</div>
</div>
<div class="control-group">
<div class="control-label">{$lang->allow_message}</div>
<div class="controls" style="padding-top:5px">
<label for="allow_{$key}" loop="$lang->allow_message_type=>$key,$val"><input type="radio" name="allow_message" value="{$key}" checked="checked"|cond="$member_info->allow_message == $key || (!$member_info && $key == 'Y')" id="allow_{$key}" /> {$val}</label>
</div>
</div>
<div class="control-group" cond="$captcha">
<div class="control-label">{$lang->captcha}</div>
<div class="controls">{$captcha}</div>
</div>
<div class="btnArea" style="border-top:1px solid #ccc;padding-top:10px">
<input type="submit" value="{$lang->cmd_registration}" class="btn btn-inverse pull-right" />
<a href="{getUrl('act','','member_srl','')}" class="btn pull-left">{$lang->cmd_cancel}</a>
<block cond="$captcha">
<div class="control-label">{$lang->captcha}</div>
<div class="controls">{$captcha}</div>
</block>
<input type="submit" value="{$lang->cmd_registration}" />
</div>
</form>
</section>
<script>
(function($){
// label for setup