自动将光标从一个文本框移动到另一个文本框

Raj*_*esh 5 html javascript

我正在制作一个验证密码并显示一些值的 Web 应用程序,要输入的文件有四个密码 验证它,我正在输入密码,就像我们在支付网关中输入信用卡号码一样。在我目前的应用程序中,我输入了一个密码,然后必须按 Tab 或使用鼠标我必须选择下一个文本框才能输入下一个密码,如何使鼠标光标在其最大值后自动从一个文本框跳转到另一个文本框像支付网关一样填充

raj*_*azo 6

您可以像这样执行纯 javascript:

<script type="text/javascript">
function ValidatePassKey(tb) {
  if (tb.TextLength >= 4)
    document.getElementById(tb.id + 1).focus();
  }
}
</script>

<input id="1" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="2" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="3" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="4" type="text" maxlength="4">
Run Code Online (Sandbox Code Playgroud)