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/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>