<!DOCTYPE html>
<html>
<head lang="en">
<!-- Global site tag (gtag.js) - Google Analytics -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<link rel="stylesheet" href="../css/base.css" />
<script src='../lib/fsize.js'></script>
<title></title>
<style>
.main {
width: 10rem;
margin: 0 auto;
position: relative;
background-color: #11101A;
min-height: 100vh;
}
.mTitle {
padding: .453rem;
color: #F44D4D;
font-size: .32rem;
}
.mBox {
padding: 0 .453rem;
}
.mBoxName {
font-size: .4rem;
color: #999;
margin: .667rem 0 .293rem;
}
.mBoxIpt {
width: 100%;
border: none;
height: 1.173rem;
border: .027rem solid #333;
background-color: #11101a;
border-radius: 0.133rem;
text-indent: .32rem;
color: #FFF;
}
input::-webkit-input-placeholder {
color: #4d4d4d;
}
input:-moz-placeholder {
color: #4d4d4d;
}
input::-moz-placeholder {
color: #4d4d4d;
}
input:-ms-input-placeholder {
color: #4d4d4d;
}
.mBtn {
width: 8.533rem;
height: 1.28rem;
line-height: 1.28rem;
text-align: center;
margin: 1.627rem auto 0;
position: relative;
border-radius: 0.666rem;
background: linear-gradient(90deg, rgba(0, 240, 136, 1), rgba(0, 160, 233, 1));
font-size: 0.453rem;
color: #FFF;
}
</style>
</head>
<body>
<div class="main">
<p class="mTitle"></p>
<div class="mBox">
<p class="mBoxName mBoxName1"></p>
<input class="mBoxIpt iptName1" oninput="if(value.length>100)value=value.slice(0,100)" />
<p class="mBoxName mBoxName2"></p>
<input class="mBoxIpt iptName2" oninput="if(value.length>50)value=value.slice(0,50)" />
<p class="mBoxName mBoxName3"></p>
<input class="mBoxIpt iptTel" oninput="if(value.length>50)value=value.slice(0,50)" type="number"
pattern="[0-9]*" />
<p class="mBoxName mBoxName4"></p>
<input class="mBoxIpt iptEmali" oninput="if(value.length>100)value=value.slice(0,100)" />
</div>
<div class="mBtn"></div>
</div>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/payLangchange.js?v=202008181028"></script>
<script type="text/javascript">
if (langType == 2) {
$('.mTitle,.mBox input,.mBox p').css('direction', 'rtl');
}
var _url = 'https://firefly.live/h5pay';
$('title').text(langList[langType].paytitle);
$('.mTitle').text(langList[langType].titleName);
$('.iptTel').attr('placeholder', langList[langType].enterTel);
$('.mBoxName4').text(langList[langType].email);
$('.iptEmali').attr('placeholder', langList[langType].enterEmail);
$('.mBtn').text(langList[langType].submitName);
$('.mBtn').on('click', function () {
var email = $('.iptEmali').val().replace(/(^\s*)|(\s*$)/g, "");
if (!email && email.length == 0) {
layer.msg(langList[langType].msg4);
return false;
}
var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if (!reg.test(email)) {
layer.msg(langList[langType].msg5);
return false;
}
$.ajax({
url: $ip + "/pay/toGloCashPay.html",
type: "POST",
data: {
uid: sessionStorage.uid,
country: '86',
rid: sessionStorage.rid,
amount: sessionStorage.money * 100,
returnUrl: _url + '/phonepay/paySuccess.html?lang=' + sessionStorage.lang,
failureUrl: _url + '/phonepay/payFail.html?lang=' + sessionStorage.lang,
email: email,
product: langList[langType].visatitle,
payType: sessionStorage.pay
},
success: function (res) {
var data = JSON.parse(res);
console.log(data);
if (data.code == 1) {
window.location.href = data.url;
} else {
console.log(res);
layer.msg(data.msg);
}
}
})
})
</script>
</body>
</html>