正在显示
3 个修改的文件
包含
102 行增加
和
20 行删除
@@ -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> |
-
请 注册 或 登录 后发表评论