<!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: #FFF;
min-height: 100vh;
}
.mTitle {
padding: .453rem;
color: #FF57A0;
font-size: .32rem;
}
.mBox {
padding: 0 .453rem;
}
.mBoxName {
font-size: .4rem;
color: #333;
margin: .667rem 0 .293rem;
}
.mBoxIpt {
width: 100%;
border: none;
height: 1.173rem;
border: .027rem solid #333;
background-color: #FFF;
border-radius: 0.133rem;
text-indent: .32rem;
color: #333;
}
input::-webkit-input-placeholder {
color: #666;
}
input:-moz-placeholder {
color: #666;
}
input::-moz-placeholder {
color: #666;
}
input:-ms-input-placeholder {
color: #666;
}
.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: #FF57A0;
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=201911151444"></script>
<script type="text/javascript">
if(langType == 2){
$('.mTitle,.mBox input,.mBox p').css('direction','rtl');
}
var _url = 'https://zhibo.yazhaiyabo.com';
$('title').text(langList[langType].title);
$('.mTitle').text(langList[langType].titleName);
$('.mBoxName1').text(langList[langType].firstName);
$('.iptName1').attr('placeholder',langList[langType].enterFirstName);
$('.mBoxName2').text(langList[langType].lastName);
$('.iptName2').attr('placeholder',langList[langType].enterLastName);
$('.mBoxName3').text(langList[langType].tel);
$('.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 name1 = $('.iptName1').val();
if(!name1&&name1.length==0){
layer.msg(langList[langType].msg1);
return false;
}
var name2 = $('.iptName2').val();
if(!name2&&name2.length==0){
layer.msg(langList[langType].msg2);
return false;
}
var tel = $('.iptTel').val();
if(!tel&&tel.length==0){
layer.msg(langList[langType].msg3);
return false;
}
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/getAsiaBillPay.html",
type:"POST",
data:{
lang:sessionStorage.lang,
uid:sessionStorage.uid,
cid:sessionStorage.cidStr,
country:'86',
rid:sessionStorage.rid,
os:sessionStorage.osStr,
amount:sessionStorage.money*100,
returnUrl:_url+'/payorder/asiabill/returnH5.html',
firstName:name2,
lastName:name1,
email:email,
phone:tel
},
success: function (msg) {
$(".main").html(msg);
}
})
})
</script>
</body>
</html>