|
...
|
...
|
@@ -67,14 +67,14 @@ |
|
|
|
padding: 0.36rem 0.32rem;
|
|
|
|
|
|
|
|
}
|
|
|
|
.enterword{
|
|
|
|
display:flex;
|
|
|
|
width:5.26rem;
|
|
|
|
height:0.6rem;
|
|
|
|
line-height: 0.6rem;
|
|
|
|
border-radius: 0.3rem;
|
|
|
|
border:1px solid rgba(235,235,235,1);
|
|
|
|
}
|
|
|
|
/*.enterword{*/
|
|
|
|
/*display:flex;*/
|
|
|
|
/*width:5.26rem;*/
|
|
|
|
/*height:0.6rem;*/
|
|
|
|
/*line-height: 0.6rem;*/
|
|
|
|
/*border-radius: 0.3rem;*/
|
|
|
|
/*border:1px solid rgba(235,235,235,1);*/
|
|
|
|
/*}*/
|
|
|
|
.word{
|
|
|
|
width:5rem;
|
|
|
|
height:0.56rem;
|
|
...
|
...
|
@@ -203,7 +203,8 @@ |
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
font-size: 0;
|
|
|
|
margin-top: 0.48rem;
|
|
|
|
/*margin-top: 0.48rem;*/
|
|
|
|
margin: 0.48rem auto 0;
|
|
|
|
}
|
|
|
|
.enterpassword li{
|
|
|
|
width:0.8rem;
|
|
...
|
...
|
@@ -234,6 +235,16 @@ |
|
|
|
font-size: 0.3rem;
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
#pwd {
|
|
|
|
position: absolute;
|
|
|
|
left: -22rem;
|
|
|
|
bottom:-22rem;
|
|
|
|
opacity: 0;
|
|
|
|
width: 80%;
|
|
|
|
color:#f00;
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
...
|
...
|
@@ -242,26 +253,17 @@ |
|
|
|
<div class="passwordpop">
|
|
|
|
<p class="iconfont icon-quxiao"></p>
|
|
|
|
<p class="pleaseenterword">输入支付密码</p>
|
|
|
|
<ul class="enterpassword" id="wrap">
|
|
|
|
<li>
|
|
|
|
<input type="password" class="entercode" maxlength='1'>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<input type="password" class="entercode" maxlength='1'>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<input type="password" class="entercode" maxlength='1'>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<input type="password" class="entercode" maxlength='1'>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<input type="password" class="entercode" maxlength='1'>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<input type="password" class="entercode" maxlength='1'>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div class="pwd_box enterword">
|
|
|
|
|
|
|
|
<ul class="password_box enterpassword">
|
|
|
|
<li class=""><i></i></li>
|
|
|
|
<li><i></i></li>
|
|
|
|
<li><i></i></li>
|
|
|
|
<li><i></i></li>
|
|
|
|
<li><i></i></li>
|
|
|
|
<li><i></i></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--好友弹出层-->
|
|
...
|
...
|
@@ -314,7 +316,9 @@ |
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<input type="tel" id="pwd" maxlength="6" style="display: block;" pattern="[0-9]*" onkeyup="this.value = this.value.replace(/[^\d]/g, '')"/>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
<script type="text/javascript" src="__INDEX__/js/jquery.min.js"></script>
|
|
|
|
<script>
|
|
|
|
|
|
...
|
...
|
@@ -365,86 +369,149 @@ |
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
var str=""
|
|
|
|
var txts = wrap.getElementsByClassName("entercode");
|
|
|
|
//输入的密码自动输入到下一个
|
|
|
|
onload = function(){
|
|
|
|
console.log(txts)
|
|
|
|
for(var i=0;i<txts.length;i++){
|
|
|
|
$(txts[i]).val("")
|
|
|
|
}
|
|
|
|
// var str=""
|
|
|
|
// var txts = wrap.getElementsByClassName("entercode");
|
|
|
|
// //输入的密码自动输入到下一个
|
|
|
|
// onload = function(){
|
|
|
|
// console.log(txts)
|
|
|
|
// for(var i=0;i<txts.length;i++){
|
|
|
|
// $(txts[i]).val("")
|
|
|
|
// }
|
|
|
|
//
|
|
|
|
// for(var i = 0; i<txts.length;i++){
|
|
|
|
//
|
|
|
|
// var t = txts[i];
|
|
|
|
// t.index = i;
|
|
|
|
// if(t.index>0){
|
|
|
|
// t.setAttribute("readonly", true);
|
|
|
|
// }
|
|
|
|
// t.onkeyup=function(){
|
|
|
|
// var arr=[];
|
|
|
|
// var regular = /\s+/g;
|
|
|
|
// if(regular.test(this.value)){
|
|
|
|
// $(this).focus();
|
|
|
|
// }else if($(this).val()==""){
|
|
|
|
// $(this).focus();
|
|
|
|
// }else{
|
|
|
|
//
|
|
|
|
// // console.log($(this).val());
|
|
|
|
// // arr.push($(this).val());
|
|
|
|
// console.log(arr)
|
|
|
|
// var next = this.index + 1;
|
|
|
|
// if(next > txts.length - 1) return;
|
|
|
|
// txts[next].removeAttribute("readonly");
|
|
|
|
// txts[next].focus();
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// if(t.index==5){
|
|
|
|
// t.onkeyup=function(){
|
|
|
|
// // arr.push($(this).val())
|
|
|
|
// // console.log(arr);
|
|
|
|
// // str=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5];
|
|
|
|
// // console.log(str)
|
|
|
|
//
|
|
|
|
// var len=document.getElementsByClassName("entercode");
|
|
|
|
// console.log(len);
|
|
|
|
// arr=[];
|
|
|
|
// for(var i=0;i<len.length;i++){
|
|
|
|
// arr.push($(len[i]).val())
|
|
|
|
// }
|
|
|
|
// str=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5];
|
|
|
|
// console.log(str)
|
|
|
|
//
|
|
|
|
// $.ajax({
|
|
|
|
// url:"{:url('friendship/Friend/donateIntegral')}",
|
|
|
|
// data:{
|
|
|
|
// friend_id:friend_id,
|
|
|
|
// total:$(".pleaseenter").val(),
|
|
|
|
// integral_pwd:str
|
|
|
|
// },
|
|
|
|
// type:"POST",
|
|
|
|
// dataType:"JSON",
|
|
|
|
//
|
|
|
|
// success: function (data) {
|
|
|
|
// if(data.status === true) {
|
|
|
|
// window.event.stopPropagation()
|
|
|
|
// $(".passwordwrap").css("display","none")
|
|
|
|
// $("#BALANCE").html(data.data);
|
|
|
|
// alert(data.msg);
|
|
|
|
// }else {
|
|
|
|
// alert(data.msg);
|
|
|
|
// }
|
|
|
|
// //清空数据
|
|
|
|
// for (var i = 0; i < txts.length; i++) {
|
|
|
|
// $(txts[i]).val("")
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// })
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
//
|
|
|
|
// }
|
|
|
|
// txts[0].removeAttribute("readonly");
|
|
|
|
// }
|
|
|
|
|
|
|
|
for(var i = 0; i<txts.length;i++){
|
|
|
|
|
|
|
|
var t = txts[i];
|
|
|
|
t.index = i;
|
|
|
|
if(t.index>0){
|
|
|
|
t.setAttribute("readonly", true);
|
|
|
|
}
|
|
|
|
t.onkeyup=function(){
|
|
|
|
var arr=[];
|
|
|
|
var regular = /\s+/g;
|
|
|
|
if(regular.test(this.value)){
|
|
|
|
$(this).focus();
|
|
|
|
}else if($(this).val()==""){
|
|
|
|
$(this).focus();
|
|
|
|
}else{
|
|
|
|
$("#pwd").focus();
|
|
|
|
$('.password_box').on('click','li',function(){
|
|
|
|
$('#pwd').focus();
|
|
|
|
if($('body').hasClass('mui-ios')){
|
|
|
|
$('.order_box').css('marginTop','200px')
|
|
|
|
}else{
|
|
|
|
$('.order_box').css('marginTop','50px')
|
|
|
|
}
|
|
|
|
|
|
|
|
// console.log($(this).val());
|
|
|
|
// arr.push($(this).val());
|
|
|
|
console.log(arr)
|
|
|
|
var next = this.index + 1;
|
|
|
|
if(next > txts.length - 1) return;
|
|
|
|
txts[next].removeAttribute("readonly");
|
|
|
|
txts[next].focus();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if(t.index==5){
|
|
|
|
t.onkeyup=function(){
|
|
|
|
// arr.push($(this).val())
|
|
|
|
// console.log(arr);
|
|
|
|
// str=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5];
|
|
|
|
// console.log(str)
|
|
|
|
})
|
|
|
|
|
|
|
|
var len=document.getElementsByClassName("entercode");
|
|
|
|
console.log(len);
|
|
|
|
arr=[];
|
|
|
|
for(var i=0;i<len.length;i++){
|
|
|
|
arr.push($(len[i]).val())
|
|
|
|
}
|
|
|
|
str=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5];
|
|
|
|
console.log(str)
|
|
|
|
$('#pwd').on('input',function(){
|
|
|
|
var leng = 0;
|
|
|
|
if(/[^\d]/g.test($(this).val())){
|
|
|
|
val = $(this).val().replace(/[^\d]/g,'');
|
|
|
|
}else{
|
|
|
|
leng = $(this).val().length;
|
|
|
|
console.log(leng)
|
|
|
|
caseItem(leng)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
url:"{:url('friendship/Friend/donateIntegral')}",
|
|
|
|
data:{
|
|
|
|
friend_id:friend_id,
|
|
|
|
total:$(".pleaseenter").val(),
|
|
|
|
integral_pwd:str
|
|
|
|
},
|
|
|
|
type:"POST",
|
|
|
|
dataType:"JSON",
|
|
|
|
// 模拟效果
|
|
|
|
function caseItem(i){
|
|
|
|
$('.password_box li').removeClass('active')
|
|
|
|
for(var j = 0; j < i ; j++){
|
|
|
|
$('.password_box li').eq(j).addClass('active');
|
|
|
|
if(i == 6){
|
|
|
|
$('#pwd').blur();
|
|
|
|
var str= $('#pwd').val();
|
|
|
|
$.ajax({
|
|
|
|
url:"{:url('friendship/Friend/donateIntegral')}",
|
|
|
|
data:{
|
|
|
|
friend_id:friend_id,
|
|
|
|
total:$(".pleaseenter").val(),
|
|
|
|
integral_pwd:str
|
|
|
|
},
|
|
|
|
type:"POST",
|
|
|
|
dataType:"JSON",
|
|
|
|
|
|
|
|
success: function (data) {
|
|
|
|
if(data.status === true) {
|
|
|
|
window.event.stopPropagation()
|
|
|
|
$(".passwordwrap").css("display","none")
|
|
|
|
$("#BALANCE").html(data.data);
|
|
|
|
alert(data.msg);
|
|
|
|
}else {
|
|
|
|
alert(data.msg);
|
|
|
|
}
|
|
|
|
//清空数据
|
|
|
|
for (var i = 0; i < txts.length; i++) {
|
|
|
|
$(txts[i]).val("")
|
|
|
|
}
|
|
|
|
success: function (data) {
|
|
|
|
if(data.status === true) {
|
|
|
|
window.event.stopPropagation()
|
|
|
|
$(".passwordwrap").css("display","none")
|
|
|
|
$("#BALANCE").html(data.data);
|
|
|
|
alert(data.msg);
|
|
|
|
}else {
|
|
|
|
alert(data.msg);
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
//清空数据
|
|
|
|
for (var i = 0; i < txts.length; i++) {
|
|
|
|
$(txts[i]).val("")
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
txts[0].removeAttribute("readonly");
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</html> |
...
|
...
|
|
