Question

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

Answer 1

你可以这样做纯粹的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">

Answer 2

在我目前的应用程序中，我输入一个Passkey然后必须按Tab键或使用鼠标我必须选择下一个文本框以输入下一个Passkey

不要那样做。只需使用Control.Focus()方法。

在HTML中，您可以使用jQuery的focus()：

$("#textbox").focus();

Answer 3

您可以在调用方法的文本框上使用JavaScript的Onchange事件（或JQuery），如果文本框的值等于最大值，则可以检查文本框的值，然后在下一个文本框上设置setFocus。

Answer 4

在下一个TextBox上使用TextBox.Focus（）方法。使用第一个TextBox的TextBox.TextChanged事件来测试是否应该更改焦点并在下一个TextBox上调用Focus方法。

Answer 5

你也可以创建一个指令来获得位置移动

<a href="https://plnkr.co/edit/G6sFMM9vaR6nQfVaMI2E?p=preview">directive 1</a>

<a href="https://plnkr.co/edit/G32KUITspNp1qsq6gleI?p=preview">directive 2</a>

Answer 6

    fun firebase_read() {
    if (mAuth.currentUser != null) {
        val schedule_document = databsae.collection("schedules").document(mAuth.currentUser!!.phoneNumber.toString())
        schedule_document.get().addOnSuccessListener { document ->
            if (document != null) {
                for (i in document) {
                    }
                }
            }
        }
    }
}

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

6 个答案: