作者 李涵
1 个管道 的构建 通过 耗费 0 秒

合并分支 'juanli' 到 'master'

Juanli



查看合并请求 !485
@@ -70,24 +70,24 @@ @@ -70,24 +70,24 @@
70 <body> 70 <body>
71 <div class="container"> 71 <div class="container">
72 <p class="passwordnum">输入密码</p> 72 <p class="passwordnum">输入密码</p>
73 - <ul class="enterpassword"> 73 + <ul class="enterpassword" id="wrap">
74 <li> 74 <li>
75 - <input type="text"> 75 + <input type="number" class="entercode">
76 </li> 76 </li>
77 <li> 77 <li>
78 - <input type="text"> 78 + <input type="number" class="entercode">
79 </li> 79 </li>
80 <li> 80 <li>
81 - <input type="text"> 81 + <input type="number" class="entercode">
82 </li> 82 </li>
83 <li> 83 <li>
84 - <input type="text"> 84 + <input type="number" class="entercode">
85 </li> 85 </li>
86 <li> 86 <li>
87 - <input type="text"> 87 + <input type="number" class="entercode">
88 </li> 88 </li>
89 <li> 89 <li>
90 - <input type="text"> 90 + <input type="number" class="entercode">
91 </li> 91 </li>
92 </ul> 92 </ul>
93 <p class="nextstep">下一步</p> 93 <p class="nextstep">下一步</p>
@@ -98,5 +98,47 @@ @@ -98,5 +98,47 @@
98 $(".nextstep").click(function(){ 98 $(".nextstep").click(function(){
99 window.location.href="{:url('friendship/Friend/surePassword')}" 99 window.location.href="{:url('friendship/Friend/surePassword')}"
100 }) 100 })
  101 +
  102 + //输入的密码自动输入到下一个
  103 + onload = function(){
  104 + var arr=[];
  105 + var str=""
  106 + var txts = wrap.getElementsByClassName("entercode");
  107 + console.log(txts)
  108 + for(var i = 0; i<txts.length;i++){
  109 + var t = txts[i];
  110 + t.index = i;
  111 + if(t.index>0){
  112 + t.setAttribute("readonly", true);
  113 + }
  114 + t.onkeyup=function(){
  115 +
  116 + var regular = /\s+/g;
  117 + if(regular.test(this.value)){
  118 + $(this).focus();
  119 + }else if($(this).val()==""){
  120 + $(this).focus();
  121 + }else{
  122 + console.log($(this).val());
  123 + arr.push($(this).val());
  124 + var next = this.index + 1;
  125 + if(next > txts.length - 1) return;
  126 + txts[next].removeAttribute("readonly");
  127 + txts[next].focus();
  128 + }
  129 + }
  130 + if(t.index==5){
  131 + t.onkeyup=function(){
  132 + arr.push($(this).val())
  133 + console.log(arr);
  134 + var str=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5];
  135 + console.log(str)
  136 + }
  137 + }
  138 +
  139 + }
  140 + txts[0].removeAttribute("readonly");
  141 + }
  142 +
101 </script> 143 </script>
102 </html> 144 </html>
@@ -323,7 +323,6 @@ @@ -323,7 +323,6 @@
323 }) 323 })
324 $(".inter_img").click(function(){ 324 $(".inter_img").click(function(){
325 $(".sendwrapper").css("display","block"); 325 $(".sendwrapper").css("display","block");
326 -  
327 }) 326 })
328 $(".sendwrapper").click(function(){ 327 $(".sendwrapper").click(function(){
329 $(this).css("display","none") 328 $(this).css("display","none")
@@ -333,7 +332,6 @@ @@ -333,7 +332,6 @@
333 window.event.stopPropagation() 332 window.event.stopPropagation()
334 $(".sendwrapper").css("display","none"); 333 $(".sendwrapper").css("display","none");
335 $(".passwordwrap").css("display","block") 334 $(".passwordwrap").css("display","block")
336 -  
337 }) 335 })
338 $(".icon-quxiao").click(function(){ 336 $(".icon-quxiao").click(function(){
339 window.event.stopPropagation() 337 window.event.stopPropagation()
@@ -384,16 +382,12 @@ @@ -384,16 +382,12 @@
384 }else{ 382 }else{
385 console.log($(this).val()); 383 console.log($(this).val());
386 arr.push($(this).val()); 384 arr.push($(this).val());
387 -  
388 -  
389 -  
390 var next = this.index + 1; 385 var next = this.index + 1;
391 if(next > txts.length - 1) return; 386 if(next > txts.length - 1) return;
392 txts[next].removeAttribute("readonly"); 387 txts[next].removeAttribute("readonly");
393 txts[next].focus(); 388 txts[next].focus();
394 } 389 }
395 } 390 }
396 -  
397 if(t.index==5){ 391 if(t.index==5){
398 t.onkeyup=function(){ 392 t.onkeyup=function(){
399 arr.push($(this).val()) 393 arr.push($(this).val())
@@ -67,27 +67,73 @@ @@ -67,27 +67,73 @@
67 <body> 67 <body>
68 <div class="container"> 68 <div class="container">
69 <p class="passwordnum">确认密码</p> 69 <p class="passwordnum">确认密码</p>
70 - <ul class="enterpassword"> 70 + <ul class="enterpassword" id="wrap">
71 <li> 71 <li>
72 - <input type="text"> 72 + <input type="number" class="entercode">
73 </li> 73 </li>
74 <li> 74 <li>
75 - <input type="text"> 75 + <input type="number" class="entercode">
76 </li> 76 </li>
77 <li> 77 <li>
78 - <input type="text"> 78 + <input type="number" class="entercode">
79 </li> 79 </li>
80 <li> 80 <li>
81 - <input type="text"> 81 + <input type="number" class="entercode">
82 </li> 82 </li>
83 <li> 83 <li>
84 - <input type="text"> 84 + <input type="number" class="entercode">
85 </li> 85 </li>
86 <li> 86 <li>
87 - <input type="text"> 87 + <input type="number" class="entercode">
88 </li> 88 </li>
89 </ul> 89 </ul>
90 <p class="nextstep">确认</p> 90 <p class="nextstep">确认</p>
91 </div> 91 </div>
  92 +
  93 +
  94 +<script type="text/javascript" src="__INDEX__/js/jquery.min.js"></script>
  95 +<script>
  96 +
  97 + //输入的密码自动输入到下一个
  98 + onload = function(){
  99 + var arr=[];
  100 + var str=""
  101 + var txts = wrap.getElementsByClassName("entercode");
  102 + console.log(txts)
  103 + for(var i = 0; i<txts.length;i++){
  104 + var t = txts[i];
  105 + t.index = i;
  106 + if(t.index>0){
  107 + t.setAttribute("readonly", true);
  108 + }
  109 + t.onkeyup=function(){
  110 +
  111 + var regular = /\s+/g;
  112 + if(regular.test(this.value)){
  113 + $(this).focus();
  114 + }else if($(this).val()==""){
  115 + $(this).focus();
  116 + }else{
  117 + console.log($(this).val());
  118 + arr.push($(this).val());
  119 + var next = this.index + 1;
  120 + if(next > txts.length - 1) return;
  121 + txts[next].removeAttribute("readonly");
  122 + txts[next].focus();
  123 + }
  124 + }
  125 + if(t.index==5){
  126 + t.onkeyup=function(){
  127 + arr.push($(this).val())
  128 + console.log(arr);
  129 + var str=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5];
  130 + console.log(str)
  131 + }
  132 + }
  133 +
  134 + }
  135 + txts[0].removeAttribute("readonly");
  136 + }
  137 +</script>
92 </body> 138 </body>
93 </html> 139 </html>