Js输入框 多个input 输入效果 JS键盘按下

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>
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值