rhymix/modules/member/skins/default/signup_form.html

<load target="../../tpl/js/signup_check.js" />
<!--// 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>
	<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skins'" class="message {$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">
		<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')}" />
		<div class="agreement" cond="$member_config->agreement">
			<div class="text">
				{$member_config->agreement}
			</div>
			<div class="confirm">
				<label for="accept_agree">
					<input type="checkbox" name="accept_agreement" value="Y" id="accept_agree" />
					{$lang->about_accept_agreement}
				</label>
			</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 />
			</div>
		</div>
		<div class="control-group">
			<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">
			<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}</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">
			<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>
		</div>
	</form>
<script>
(function($){
	// label for setup
	$('.control-label[for]').each(function(){
		var $this = $(this);
		if($this.attr('for') == ''){
			$this.attr('for', $this.next().children(':visible:first').attr('id'));
		}
	});

	$(function(){
		// check if the browser support type date.
		if ( $(".inputDate").prop('type') != 'date' ) {
			var option = {
				changeMonth: true,
				changeYear: true,
				gotoCurrent: false,
				yearRange:'-200:+10',
				dateFormat:'yy-mm-dd',
				defaultDate: new Date("{date('Y-m-d',time())}"),
				minDate: new Date("{date('Y-m-d',strtotime('-200 years'))}"),

				onSelect:function(){
					$(this).prev('input[type="hidden"]').val(this.value.replace(/-/g,""))
				}
			};
			$.extend($.datepicker.regional['{$lang_type}'],option);

			//if the browser does not support type date input, start datepicker. If it does, brower's UI will show their datepicker.
			$(".inputDate").datepicker(option);
		} else {
			$(".inputDate").prop('readonly', false);
		}
		$(".dateRemover").click(function() {
			$(this).prevAll('input').val('');
			return false;});
	});
})(jQuery);
</script>
<include target="./common_footer.html" />