用于单独输入字符的 jQuery 插件（例如用于电话令牌验证）

Posted 2023-02-25

【中文标题】用于单独输入字符的 jQuery 插件（例如用于电话令牌验证）

【英文标题】：jQuery Plugin to enter characters separately (for example for phone token verification)

【发布时间】：2016-06-01 12:46:51

【问题描述】：

我正在寻找一个 jQuery 插件，您可以在其中单独输入字符，输入字符后它会跳转到下一个字符字段。这种输入通常与电话号码验证令牌一起使用。我希望你知道我的意思。我还添加了一张关于 stripe (https://stripe.com) 如何实现此功能的图片。你知道任何？ 感谢您的帮助

【问题讨论】：

你能不能不使用 .blur() 然后把焦点放在下一个字段上，或者类似的东西？

谢谢，我只是想已经有一些插件（也许虽然有一些设计）在那里

google 给了我这个：***.com/questions/10539113/…

这也可能有帮助。 forum.jquery.com/topic/… 只需要弄清楚转移到下一个领域的逻辑。可能也需要考虑一些验证。

【参考方案1】：

这里是一个非常简单的例子，不需要插件：https://jsfiddle.net/yomtym8L/

jquery：

$(document).ready(function() 
    $("input").on("keypress", function() 
        $(this).next().focus();
    )
)

在一个输入的按键按下时，聚焦其下一个兄弟

html：

<input type="text">
<input type="text">
<input type="text">
<input type="text">