<div id="alipay_box" style="background:#f2f2f2">
    <style>
        html {
            overflow: hidden;
        }
        .xg-main {
            bottom: 0px;
            overflow: auto;
        }
        .bgcol_f2{background-color: #f2f2f2}
        .xg-container {
            margin-bottom: 0;
            background-color: #fff;
        }
        .treasure_detail{margin: 0.5rem 0 0 0;padding: 0 0.25rem;background:#FFF;}
        .treasure_li{
            padding: 0.5rem 0;}
        .treasure_li~.treasure_li{
            border-top: 1px solid #eee;}
        .treasure_input{width: 100%;
            border: none;
            outline: none;}
        .div_submit{
            max-width: 640px;
            margin: 0 auto;
            text-align: center;
            background-color: #f2f2f2;
            padding-top: 0.4rem;
        }
        .treasure_btn{font-size: 0.5rem;
            padding: 0.3rem 0;}
        .submit_tips{color:#999;font-size:0.24rem;}
    </style>

<header class="header">
    <a class="xg-back" id="jsalipaybox" href="javascript:;"></a>
    <h1 class="xg-title">我的支付宝</h1>
</header>
<div style="line-height:1.1rem;height:1.1rem;">&nbsp;</div>
<main class="xg-main2 bgcol_f2" style="background-color: transparent;position:relative;max-width: 640px;margin:0 auto;">
    <div class="xg-container2">
        <div class="treasure_detail" id="alipay_input_box">
            <ul>
                <li class="treasure_li">
                    <input class="treasure_input" type="text" autocomplete="off" name="alipay" placeholder="支付宝账号">
                </li>
                <li class="treasure_li">
                    <input class="treasure_input" type="text" autocomplete="off" name="alipay_real_name" placeholder="支付宝实名认证的真实姓名">
                </li>
                <li class="treasure_li">
                    <input class="treasure_input" type="text" onfocus="this.type='password'" autocomplete="new-password" autocomplete="off" name="password" placeholder="请输入游戏密码">
                </li>
            </ul>
        </div>
        <div class="div_submit">
            <button id="sava_alipay_btn" class="xg-btn xg-btn-primary xg-btn-submit treasure_btn">提交</button>
            <p class="submit_tips">支付宝账号绑定后无法修改,请谨慎填写</p>
        </div>
    </div>
</main>
<div class="popmsg2 pop-dialog"></div>
<script>
	$(function() {
		var popmsg2 = $('.popmsg2').pop();
		$('#jsalipaybox').click(function() {
			var p = $('.popwin').fadeOut(200);
			setTimeout(function(){p.find('#alipay_box').remove();},210);
			return false;
		});
		
		$('#sava_alipay_btn').click(function() {
			var ib = $('#alipay_input_box');
			var that = $(this);
			var alipay = $.trim(ib.find('input[name="alipay"]').val());
			if(!alipay) {popmsg2.msg('请输入支付宝账号');return false;}
			var alipayreal = $.trim(ib.find('input[name="alipay_real_name"]').val());
			if(!alipayreal) {popmsg2.msg('请输入真实姓名');return false;}
			if(!/^[\u4e00-\u9fa5]{2,}$/.test(alipayreal)) {popmsg2.msg('姓名格式错误');return false;}
			var password = $.trim(ib.find('input[name="password"]').val());
			if(!password) {popmsg2.msg('请输入游戏平台密码');return false;}
			if(password.length<6) {popmsg2.msg('游戏平台密码错误');return false;}
			if(that.hasClass('disabled')) {return false;}
			that.addClass('disabled');
			$.ajax({
				type:'post',
				dataType:'json',
				url:'{:U("save_alipay")}',
				data:ib.find('input').serialize(),
				success:function(data){
					if(parseInt(data.status) == 1) {
						popmsg2.msg(data.msg);
						setTimeout(function() {
							$('#get_money_box').find('a').remove();
							$('#get_money_box').append('<span class="wd_descr wd_account">'+data.alipay+','+data.alipay_real_name+'</span>');
							$('#confirm_withdraw input[name="alipay"]').val(alipay);
							$('#confirm_withdraw input[name="alipay_real_name"]').val(alipayreal);
							$('#jsalipaybox').click();
						},2000);
					} else {
						popmsg2.msg(data.msg);that.removeClass('disabled');
					}
				},
				error:function(){popmsg2.msg('服务器故障,请稍后再试');that.removeClass('disabled');},
			});
			
			return false;
		});
	});
</script>
</div>