You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
205 lines
8.4 KiB
HTML
205 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>银行卡快捷支付</title>
|
|
<script src="__JS__/jquery-1.11.1.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/shortcut/reset.css" />
|
|
<link rel="stylesheet" type="text/css" href="__CSS__/shortcut/bank_short.css" />
|
|
</head>
|
|
<body>
|
|
<div class="bank_short ">
|
|
<!-- <div class="heard">-->
|
|
<!-- <div class="heard_box">-->
|
|
<!-- <a href=""></a>-->
|
|
<!-- 银行卡快捷支付-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<form class="wfform" name="wfform" method="post" action="{:U('Shortcut/sq_pay_step2')}" target="_parent" >
|
|
<div class="containner">
|
|
<div class="containner_box">
|
|
<input type="hidden" name="user_id" id="user_id" value="{$user_id}" />
|
|
<input type="hidden" name="game_id" id="game_id" value="{$game_id}" />
|
|
<input type="hidden" name="extend" id="extend" value="{$extend}" />
|
|
<input type="hidden" name="code" id="code" value="{$code}" />
|
|
<input type="hidden" name="type" id="type" value="{$type}" />
|
|
<input type="hidden" name="user_token" id="user_token" value="{$user_token}" />
|
|
<input type="hidden" name="api_ver" id="api_ver" value="2" />
|
|
<input type="hidden" name="step" id="step" value="2" />
|
|
<div class="containner_text">
|
|
<div class="price">￥{$pay_amount}</div>
|
|
<div class="price_del">付款给聚游平台</div>
|
|
<div class="price_input">
|
|
<img src="__IMG__/shortcut/bank_icon.png" alt="">
|
|
<input type="text" name="card_no" class="card_no" placeholder="请输入银行卡号码">
|
|
</div>
|
|
</div>
|
|
<div class="containner_order">
|
|
<div class="title">订单详情</div>
|
|
<div class="order_content">
|
|
<span>商品名称：</span>
|
|
<span>{$goods_info}</span>
|
|
</div>
|
|
<div class="order_content">
|
|
<span>订单编号：</span>
|
|
<span>{$order_id}</span>
|
|
</div>
|
|
</div>
|
|
<div class="border"></div>
|
|
<div class="containner_img">
|
|
<i class='fa-angle-down'></i>
|
|
<i class='fa-angle-up hidden'></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="foot_btn step2 submit" data-url="{:U('Shortcut/sq_pay_step2',array('user_id'=>I('user_id'),'game_id'=>I('game_id'),'code'=>1,'extend'=>I('extend'),'api_ver'=>2,'step'=>2))}">下一步</div>
|
|
</form>
|
|
<!-- 错误弹窗 -->
|
|
<div class="forbid_model" style="display:none;"></div>
|
|
<div class="forbid_window" style="display:none;">
|
|
<div class="forbid_pay">
|
|
<img src="__IMG__/shortcut/forbid.png" alt="">
|
|
<div>请填写正确的银行卡号</div>
|
|
</div>
|
|
<div class="forbid_confirm">确认</div>
|
|
<div class="forbid_close"><img src="__IMG__/shortcut/close-black.png" alt=""></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- 横屏 -->
|
|
<div class="bank_short_heng ">
|
|
<!-- <div class="heard">-->
|
|
<!-- <div class="heard_box">-->
|
|
<!-- <a href=""></a>-->
|
|
<!-- 银行卡快捷支付-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<form class="wfform_heng" name="wfform_heng" method="post" action="{:U('Shortcut/sq_pay_step2')}" target="_parent" >
|
|
<div class="containner">
|
|
<div class="containner_box">
|
|
<input type="hidden" name="user_id" id="user_id" value="{$user_id}" />
|
|
<input type="hidden" name="game_id" id="game_id" value="{$game_id}" />
|
|
<input type="hidden" name="extend" id="extend" value="{$extend}" />
|
|
<input type="hidden" name="code" id="code" value="{$code}" />
|
|
<input type="hidden" name="type" id="type" value="{$type}" />
|
|
<input type="hidden" name="user_token" id="user_token" value="{$user_token}" />
|
|
<input type="hidden" name="api_ver" id="api_ver" value="2" />
|
|
<input type="hidden" name="step" id="step" value="2" />
|
|
<div class="containner_text">
|
|
<div class="price">￥{$pay_amount}</div>
|
|
<div class="price_del">付款给聚游平台</div>
|
|
<div class="price_input">
|
|
<img src="__IMG__/shortcut/bank_icon.png" alt="">
|
|
<input id="card_no" type="text" name="card_no" class="card_no" placeholder="请输入银行卡号码">
|
|
</div>
|
|
</div>
|
|
<div class="containner_order">
|
|
<div class="title">订单详情</div>
|
|
<div class="order_content">
|
|
<span>商品名称：</span>
|
|
<span>{$goods_info}</span>
|
|
</div>
|
|
<div class="order_content">
|
|
<span>订单编号：</span>
|
|
<span>{$order_id}</span>
|
|
</div>
|
|
</div>
|
|
<div class="border"></div>
|
|
<div class="containner_img">
|
|
<i class='fa-angle-down'></i>
|
|
<i class='fa-angle-up hidden'></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="foot_btn step2_wfform_heng" data-url="{:U('Shortcut/sq_pay_step2', array('user_id'=>I('user_id'),'game_id'=>I('game_id'),'user_token'=>I('user_token'),'code'=>1,'extend'=>I('extend'),'api_ver'=>2))}">下一步</div>
|
|
</form>
|
|
<!-- 错误弹窗 -->
|
|
<div class="forbid_model" style="display:none;"></div>
|
|
<div class="forbid_window" style="display:none;">
|
|
<div class="forbid_pay">
|
|
<img src="__IMG__/shortcut/forbid.png" alt="">
|
|
<div>请填写正确的银行卡号</div>
|
|
</div>
|
|
<div class="forbid_confirm">确认</div>
|
|
<div class="forbid_close"><img src="__IMG__/shortcut/close-black.png" alt=""></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script>
|
|
$(function() {
|
|
var scrollTop =0;
|
|
var CHECK = {
|
|
BankNo: /^([1-9]{1})\d{10,19}$/,
|
|
}
|
|
|
|
$('.containner_img').click(function(ev){
|
|
$(this).children('.fa-angle-down').toggleClass('hidden');
|
|
$(this).children('.fa-angle-up').toggleClass('hidden');
|
|
$(".containner_order").toggle();
|
|
});
|
|
|
|
$("input").focus(function () {
|
|
scrollTop = document.scrollingElement.scrollTop;
|
|
});
|
|
$("input").blur(function () {
|
|
document.scrollingElement.scrollTo(0, this.scrollTop);
|
|
});
|
|
|
|
$('.step2').click(function(){
|
|
var card_no = $(".card_no").val();
|
|
console.log(card_no);
|
|
|
|
if (!CHECK.BankNo.test(card_no)) {
|
|
$('.forbid_model').show();
|
|
$('.forbid_window').show();
|
|
return;
|
|
}
|
|
|
|
$('.wfform').submit();
|
|
|
|
});
|
|
|
|
$(".step2_wfform_heng").click(function(){
|
|
var card_no = $(".wfform_heng .card_no").val();
|
|
console.log(card_no);
|
|
|
|
if (!CHECK.BankNo.test(card_no)) {
|
|
$('.forbid_model').show();
|
|
$('.forbid_window').show();
|
|
return;
|
|
}
|
|
|
|
$('.wfform_heng').submit();
|
|
|
|
});
|
|
|
|
$('.forbid_model').click(function() {
|
|
$('.forbid_model').hide();
|
|
$('.forbid_window').hide();
|
|
});
|
|
|
|
$('.forbid_confirm').click(function() {
|
|
$('.forbid_model').hide();
|
|
$('.forbid_window').hide();
|
|
});
|
|
|
|
});
|
|
</script>
|
|
<script type="text/javascript">
|
|
var evt = "onorientationchange" in window ? "orientationchange" : "resize";
|
|
window.addEventListener(evt,resize,false);
|
|
function resize(fals) {
|
|
if(window.orientation == 0 || window.orientation == 180) {
|
|
$(".bank_short").show();
|
|
$(".bank_short_heng").hide();
|
|
}else {
|
|
$(".bank_short").hide();
|
|
$(".bank_short_heng").show();
|
|
}
|
|
}
|
|
resize(true);
|
|
</script> |