new_que/appfront/theme/terry/theme01/customer/account/register.php

<?php
/**
 * FecShop file.
 *
 * @link http://www.fecshop.com/
 * @copyright Copyright (c) 2016 FecShop Software LLC
 * @license http://www.fecshop.com/license/
 */
?>
<div class="main container one-column">
    <?= Yii::$service->page->widget->render('breadcrumbs',$this); ?>
    <?= Yii::$service->page->widget->render('flashmessage'); ?>
	<div class="account-register">
		<div class="page-title">
			<h1><?= Yii::$service->page->translate->__('Create an Account'); ?></h1>
		</div>
        <form action="<?= Yii::$service->url->getUrl('customer/account/register'); ?>" method="post" id="form-validate">
			<div class="fieldset">
				<h2 class="legend"><?= Yii::$service->page->translate->__('Personal Information'); ?></h2>
				<ul class="form-list">
					<li class="fields">
						<div class="customer-name">
							<div class="field name-firstname">
								<label for="firstname" class="required"><em>*</em><?= Yii::$service->page->translate->__('First Name'); ?></label>
								<div class="input-box">
									<input id="firstname" name="editForm[firstname]" value="<?= $firstname ?>" title="First Name" maxlength="255" class="input-text required-entry" type="text">
								</div>
							</div>
							<div class="field name-lastname">
								<label for="lastname" class="required"><em>*</em><?= Yii::$service->page->translate->__('Last Name'); ?></label>
								<div class="input-box">
									<input id="lastname" name="editForm[lastname]" value="<?= $lastname ?>" title="Last Name" maxlength="255" class="input-text required-entry" type="text">
								</div>
							</div>
						</div>
					</li>
					<li>
						<label for="email_address" class="required"><em>*</em><?= Yii::$service->page->translate->__('Email Address'); ?></label>
						<div class="input-box">
							<input name="editForm[email]" id="email_address" value="<?= $email ?>" title="Email Address" class="input-text validate-email required-entry" type="text">
						</div>
					</li>
                    <li class="control">
						<div class="input-box">
							<input name="editForm[is_subscribed]" title="Sign Up for Newsletter" value="1" id="is_subscribed" class="checkbox" type="checkbox" checked="checked">
						</div>
						<label for="is_subscribed"><?= Yii::$service->page->translate->__('Sign Up for Newsletter'); ?></label>
					</li>
				</ul>
			</div>
			<div class="fieldset">
				<h2 class="legend"><?= Yii::$service->page->translate->__('Login Information'); ?></h2>
				<ul class="form-list">
					<li class="fields">
						<div class="field">
							<label for="password" class="required"><em>*</em><?= Yii::$service->page->translate->__('Password'); ?></label>
							<div class="input-box">
								<input name="editForm[password]" id="password" title="Password" class="input-text required-entry validate-password" type="password">
							</div>
						</div>
						<div class="field">
							<label for="confirmation" class="required"><em>*</em><?= Yii::$service->page->translate->__('Confirm Password'); ?></label>
							<div class="input-box">
								<input name="editForm[confirmation]" title="Confirm Password" id="confirmation" class="input-text required-entry validate-cpassword" type="password">
							</div>
						</div>
						
						<?php if($registerPageCaptcha):  ?>
						<div class="field">
                            <label for="captcha" class="required"><em>*</em><?= Yii::$service->page->translate->__('Captcha'); ?></label>
                            <div class="input-box register-captcha">
								<input type="text" name="editForm[captcha]" value="" size=10 class="login-captcha-input"> 
								<img class="login-captcha-img"  title="click refresh" src="<?= Yii::$service->url->getUrl('site/helper/captcha'); ?>?<?php echo md5(time() . mt_rand(1,10000));?>" align="absbottom" onclick="this.src='<?= Yii::$service->url->getUrl('site/helper/captcha'); ?>?'+Math.random();"></img>
								<i class="refresh-icon"></i>
                            </div>
							<script>
							<?php $this->beginBlock('register_captcha_onclick_refulsh') ?>  
							$(document).ready(function(){
								$(".refresh-icon").click(function(){
									$(this).parent().find("img").click();
								});
							});
							<?php $this->endBlock(); ?>  
							</script>  
							<?php $this->registerJs($this->blocks['register_captcha_onclick_refulsh'],\yii\web\View::POS_END);//将编写的js代码注册到页面底部 ?>
                        </div>
						<?php endif;  ?>
					</li>	
				</ul>
			</div>
			<?= \fec\helpers\CRequest::getCsrfInputHtml();  ?>
			<div class="buttons-set">
				<button type="button" id="js_registBtn" class="redBtn"><em><span><i></i><?= Yii::$service->page->translate->__('Submit'); ?></span></em></button>
				<p class="back-link"><a href="<?= Yii::$service->url->getUrl('customer/account/login'); ?>" class="back-link"><small>« </small><?= Yii::$service->page->translate->__('Back'); ?></a></p>
			</div>
			<div class="clear"></div>
		</form>
	</div>
</div>
<?php 
$requiredValidate 			= Yii::$service->page->translate->__('This is a required field.');
$emailFormatValidate 		= Yii::$service->page->translate->__('Please enter a valid email address. For example johndoe@domain.com.');
$firstNameLenghtValidate 	= Yii::$service->page->translate->__('first name length must between');
$lastNameLenghtValidate 	= Yii::$service->page->translate->__('last name length must between');
$passwordLenghtValidate 	= Yii::$service->page->translate->__('Please enter 6 or more characters. Leading or trailing spaces will be ignored.');
$passwordMatchValidate 		= Yii::$service->page->translate->__('Please make sure your passwords match. ');
//$minNameLength = 2;
//$maxNameLength = 20;
//$minPassLength = 6;  
//$maxPassLength = 30;

?>
<script>
<?php $this->beginBlock('customer_account_register') ?>  
$(document).ready(function(){
	
	$("#js_registBtn").click(function(){
		validate = 1;
		$(".validation-advice").remove();
		$(".validation-failed").removeClass("validation-failed");
		
		var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
		// empty check
		$(".account-register .required-entry").each(function(){
			val = $(this).val();
			if(!val){
				$(this).addClass("validation-failed");
				$(this).parent().append('<div class="validation-advice" id="advice-required-entry-firstname" style=""><?= $requiredValidate; ?></div>');
				validate = 0;
			}
		});
		
		// email check
		$(".account-register .validate-email").each(function(){
			email = $(this).val();
			if(email){
				if(!$(this).hasClass("validation-failed")){
					if(!myreg.test(email)){
						$(this).parent().append('<div class="validation-advice" id="advice-validate-email-email_address" style=""><?= $emailFormatValidate; ?></div>');
						$(this).addClass("validation-failed");
						validate = 0;
					}
				}
			}else{
				validate = 0;
			}
		});
		
		//first name lenght check;
		firstname 	= $("#firstname").val();
		lastname 	= $("#lastname").val();
		password  	= $("#password").val();
		confirmation= $("#confirmation").val();
		minNameLength = <?= $minNameLength ? $minNameLength : 4 ?>;  
		maxNameLength = <?= $maxNameLength ? $maxNameLength : 30 ?>;
		minPassLength = <?= $minPassLength ? $minPassLength : 4 ?>;  
		maxPassLength = <?= $maxPassLength ? $maxPassLength : 30 ?>; 
		firstNameLength = firstname.length;
		lastNameLength  = lastname.length;
		passwordLength  = password.length;
		//firstname length validate
		if(firstNameLength < minNameLength || firstNameLength > maxNameLength){
			if(!$("#firstname").hasClass("validation-failed")){
				//alert(111);
				$("#firstname").parent().append('<div class="validation-advice" id="min_lenght" style=""><?= $firstNameLenghtValidate; ?> '+minNameLength+' , '+maxNameLength+'</div>');
				$("#firstname").addClass("validation-failed");
				validate = 0;		
			}
		}
		//lastname length validate
		if(lastNameLength < minNameLength || lastNameLength > maxNameLength){
			if(!$("#lastname").hasClass("validation-failed")){
				//alert(111);
				$("#lastname").parent().append('<div class="validation-advice" id="min_lenght" style=""><?= $lastNameLenghtValidate; ?> '+minNameLength+' , '+maxNameLength+'</div>');
				$("#lastname").addClass("validation-failed");
				validate = 0;		
			}
		}
		//password length validate
		if(passwordLength < minPassLength || passwordLength > maxPassLength){
			if(!$("#password").hasClass("validation-failed")){
				//alert(111);
				$("#password").parent().append('<div class="validation-advice" id="min_lenght" style=""><?= $passwordLenghtValidate; ?> </div>');
				$("#password").addClass("validation-failed");
				validate = 0;		
			}
		}
		//password validate
		if(confirmation != password){
			if(!$("#confirmation").hasClass("validation-failed")){
				//alert(111);
				$("#confirmation").parent().append('<div class="validation-advice" id="min_lenght" style=""><?= $passwordMatchValidate; ?></div>');
				$("#confirmation").addClass("validation-failed");
				validate = 0;		
			}
		}
		
		
		if(validate){
		//	alert("validate success");
			$(this).addClass("dataUp");
			$("#form-validate").submit();
		}
	});
    
    $(".email_register_resend").click(function(){
        emailRegisterResendUrl = "<?= Yii::$service->url->getUrl('customer/account/resendregisteremail') ?>";
        $.ajax({
            async:true,
            timeout: 6000,
            dataType: 'json', 
            type:'get',
            data: {
                "email": "<?= $email ?>"
            },
            url:emailRegisterResendUrl,
            success:function(data, textStatus){ 
                // 
                if (data.resendStatus == 'success') {
                    //$(".resend_text").html('resend register email success');
                    alert("<?= Yii::$service->page->translate->__('resend register email success') ?>")
                } else {
                    //$(".resend_text").html('resend register email fail');
                    alert("<?= Yii::$service->page->translate->__('resend register email fail') ?>")
                }
            },
            error:function (XMLHttpRequest, textStatus, errorThrown){}
        });
        
        
    });
});
<?php $this->endBlock(); ?>  
</script>  
<?php $this->registerJs($this->blocks['customer_account_register'],\yii\web\View::POS_END);//将编写的js代码注册到页面底部 ?>