Js输入框 多个input 输入效果 JS键盘按下
<form id="enter-password" class="enter-password">
<h3>输入口令加入班级</h3>
<div class="password-box">
<input class="pass" type="text" maxlength="1" value="">
<input class="pass" type="text" maxlength="1" value="">
<input class="pass" type="text" maxlength="1" value="">
<input class="pass" type="text" maxlength="1" value="">
<input class="pass" type="text" maxlength="1" value="">
<input class="pass" type="text" maxlength="1" value="">
<input class="pass" type="text" maxlength="1" value="">
<input class="pass" type="text" maxlength="1" value="">
</div>
<div class="tips">口令错误,您已输错3次密码,连续输错5次后今天不可以再次加入</div>
<div class="class-name">
您当前要加入的班级为:<span>2019届电气工程系023班 </span>
</div>
<div class="confirmation-accession">
<button>确认加入</button>
</div>
</form>
<script>
var OBJ_LOCa = 0;
var YES_Content
var input = $("input[class='pass']");
$("input[class='pass']").on("keyup",function(){
var str = '';
$(this).val()
OBJ = $(this);
if (OBJ.val().length==1) {
if (OBJ_LOCa<=6) {
OBJ_LOCa++;
};
$("input[class='pass']")[OBJ_LOCa].focus();
}else{
if ( OBJ_LOCa>0) {
OBJ_LOCa--;
};
$("input[class='pass']")[OBJ_LOCa].focus();
}
for (var i = 0; i < input.length; i++) {
str += input[i].value;
};
if (str.length==8&& str!=YES_Content) {
YES_Content = str;
console.log('操作')
};
})
</script>