diff --git a/public/themes/simpleboot3/friendship/enter_password.html b/public/themes/simpleboot3/friendship/enter_password.html index 321edf7..5fb89c4 100644 --- a/public/themes/simpleboot3/friendship/enter_password.html +++ b/public/themes/simpleboot3/friendship/enter_password.html @@ -70,24 +70,24 @@ <body> <div class="container"> <p class="passwordnum">输入密码</p> - <ul class="enterpassword"> + <ul class="enterpassword" id="wrap"> <li> - <input type="text"> + <input type="number" class="entercode"> </li> <li> - <input type="text"> + <input type="number" class="entercode"> </li> <li> - <input type="text"> + <input type="number" class="entercode"> </li> <li> - <input type="text"> + <input type="number" class="entercode"> </li> <li> - <input type="text"> + <input type="number" class="entercode"> </li> <li> - <input type="text"> + <input type="number" class="entercode"> </li> </ul> <p class="nextstep">下一步</p> @@ -98,5 +98,47 @@ $(".nextstep").click(function(){ window.location.href="{:url('friendship/Friend/surePassword')}" }) + + //输入的密码自动输入到下一个 + onload = function(){ + var arr=[]; + var str="" + var txts = wrap.getElementsByClassName("entercode"); + console.log(txts) + 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 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()); + 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); + var str=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5]; + console.log(str) + } + } + + } + txts[0].removeAttribute("readonly"); + } + </script> </html> diff --git a/public/themes/simpleboot3/friendship/friend_list.html b/public/themes/simpleboot3/friendship/friend_list.html index 1284b0f..6f275d4 100644 --- a/public/themes/simpleboot3/friendship/friend_list.html +++ b/public/themes/simpleboot3/friendship/friend_list.html @@ -323,7 +323,6 @@ }) $(".inter_img").click(function(){ $(".sendwrapper").css("display","block"); - }) $(".sendwrapper").click(function(){ $(this).css("display","none") @@ -333,7 +332,6 @@ window.event.stopPropagation() $(".sendwrapper").css("display","none"); $(".passwordwrap").css("display","block") - }) $(".icon-quxiao").click(function(){ window.event.stopPropagation() @@ -384,16 +382,12 @@ }else{ console.log($(this).val()); arr.push($(this).val()); - - - 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()) diff --git a/public/themes/simpleboot3/friendship/sure_password.html b/public/themes/simpleboot3/friendship/sure_password.html index 8716efa..571f6c1 100644 --- a/public/themes/simpleboot3/friendship/sure_password.html +++ b/public/themes/simpleboot3/friendship/sure_password.html @@ -67,27 +67,73 @@ <body> <div class="container"> <p class="passwordnum">确认密码</p> - <ul class="enterpassword"> + <ul class="enterpassword" id="wrap"> <li> - <input type="text"> + <input type="number" class="entercode"> </li> <li> - <input type="text"> + <input type="number" class="entercode"> </li> <li> - <input type="text"> + <input type="number" class="entercode"> </li> <li> - <input type="text"> + <input type="number" class="entercode"> </li> <li> - <input type="text"> + <input type="number" class="entercode"> </li> <li> - <input type="text"> + <input type="number" class="entercode"> </li> </ul> <p class="nextstep">确认</p> </div> + + +<script type="text/javascript" src="__INDEX__/js/jquery.min.js"></script> +<script> + + //输入的密码自动输入到下一个 + onload = function(){ + var arr=[]; + var str="" + var txts = wrap.getElementsByClassName("entercode"); + console.log(txts) + 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 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()); + 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); + var str=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5]; + console.log(str) + } + } + + } + txts[0].removeAttribute("readonly"); + } +</script> </body> </html>