onepage_mrhi/tm/template_dir/tryDetail.html

<{include file="header.html"}>
<{include file="nav.html"}>

<div class="wrapper jsc-sidebar-content jsc-sidebar-pulled">
	<div class="menu_icon" id="munu_icon"><span></span></div>
    
    <div class="article_title3"><{$tryInfo.events_name}></div>
    <div class="try_show_box">
    	<div class="try_img"><img src="<{$tryInfo.img_url}>"></div>
        <div class="article_title">雅漾修红舒润面膜</div>
        <div class="article_content2">
        	<p><{$tryInfo.events_tips}></p>
        </div>
    </div>
    
    
    <!--活动正常显示内容 begin-->
    <div class="article_title center">输入您的联系方式申请试用</div>
    <div class="join_submit_box">
    	<div class="submit_cell"><input name="realname" type="text" class="input_style" placeholder="姓名:"></div>        
        <div class="submit_cell"><input name="phone" type="text" class="input_style" placeholder="手机号码:"></div>
        <div class="submit_cell"><input name="address" type="text" class="input_style" placeholder="收货地址:"></div>
        <div class="submit_cell submit_cell_area"><textarea name="content" class="input_textarea" placeholder="申请宣言:"></textarea></div>
        <div class="submit_cell" style="border:none; background:none"><button type="submit" class="apply_btn submit_btn_style">马上领取</button></div>
    </div>
    <!--活动正常显示内容 end-->
    
    
    <!--活动结束显示内容 begin-->
    <!--<div class="try_end_box">
    	<div class="article_title center">本活动已经结束！<br>您可以参加以下活动</div>
        
        <div class="try_other_list">        	
        	<dl>
            	<a href="#">
                    <dt><img src="<{$web_cfg.cdn}>/public/static/img/try_img2.jpg"></dt>
                    <dd>
                    	<p>赢取Anna Sui水润娇柔护唇膏截至时间：2014-7-12</p>
                        <p class="go_btn">去看看&gt;&gt;</p>
                    </dd>
                </a>
            </dl>
            <dl>
            	<a href="#">
                    <dt><img src="<{$web_cfg.cdn}>/public/static/img/try_img2.jpg"></dt>
                    <dd>
                    	<p>赢取Anna Sui水润娇柔护唇膏截至时间：2014-7-12</p>
                        <p class="go_btn">去看看&gt;&gt;</p>
                    </dd>
                </a>
            </dl>
            <dl>
            	<a href="#">
                    <dt><img src="<{$web_cfg.cdn}>/public/static/img/try_img2.jpg"></dt>
                    <dd>
                    	<p>赢取Anna Sui水润娇柔护唇膏截至时间：2014-7-12</p>
                        <p class="go_btn">去看看&gt;&gt;</p>
                    </dd>
                </a>
            </dl>
            <div class="clear"></div>
        </div>
        
    </div>-->
    <!--活动结束显示内容 end-->
    
    
    <div class="activity_des">
    	<p style="font-weight:800">活动规则：</p>
        <p><{$tryInfo.events_rules}></p>
    </div>
    
</div>


<!--申请提交成功提示 begin-->
<div class="try_tips_box" id="try_tips_box" style="display:none;">
    <p>试用申请成功！</p>
    <a href="<{$web_cfg.domain}>/?c=index" class="submit_btn_style">返回活动列表</a>
</div>
<!--申请提交成功提示 end-->

<script>
KISSY.use('node, io', function (S, Node, IO) {
	var $ = S.all;
	
	$('.apply_btn').on('click', function () {
		var realname = S.trim($('input[name=realname]').val());
		if (realname == '') {
			alert('姓名不能为空');
			return false;
		}
		
		var phone = S.trim($('input[name=phone]').val());
		var regex = /^(1[0-9][0-9]|15[0-9]|18[02-9]|14[57])[0-9]{8}$/;
		if(!regex.test(phone)) {
			alert('请填写有效手机号码');
			return false;
		}
		
		var address = S.trim($('input[name=address]').val());
		if (address == '') {
			alert('请填写收货地址');
			return false;
		}
		
		var content = S.trim($('textarea[name=content]').val());
		if (content == '') {
			alert('请填写申请宣言');
			return false;
		}
		
		IO.get('<{$web_cfg.domain}>/?c=tryDetail&a=apply'
			, {
				tryid: '<{$tryInfo.id}>',
				realname: realname,
				phone: phone,
				address: address,
				content: content
			}
			, function (data) {
				if (data.ok) {
					$('#try_tips_box').show();
				} else {
					alert(data.msg);
					return false;
				}
			}
			, 'json'
		);
	});
	
});
</script>

<{include file="bottom.html"}>