李涵 / integral · 提交

转到一个项目

作者 李涵
提交 cae14378be6f1190c8049da2fd9712fe41f0a73a 2 个父辈 77e26944 181a8e59
1 个管道 的构建 通过 耗费 0 秒

合并分支 'juanli' 到 'master' 

Juanli



查看合并请求 !485
内嵌 并排对比
正在显示 3 个修改的文件 包含 102 行增加 和 20 行删除
... ... @@ -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>
... ...
... ... @@ -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())
... ...
... ... @@ -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>
... ...