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

     2023-02-25     125

关键词:

【中文标题】用于单独输入字符的 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">

【讨论】:

用于格式化文本输入的 jquery 插件

】用于格式化文本输入的jquery插件【英文标题】:jqueryplugintoformattextinput【发布时间】:2011-10-1719:25:41【问题描述】:我正在寻找一个jquery插件,我可以将它与输入文本框一起使用,以仅允许用户输入数字、字母数字等?我一直... 查看详情

自定义 jQuery 不适用于 Wordpress Ninja Forms 插件

】自定义jQuery不适用于WordpressNinjaForms插件【英文标题】:CustomjQuerynotworkingonWordpressNinjaFormsplugin【发布时间】:2017-04-1400:39:21【问题描述】:当我想添加影响表单的自定义jQuery代码时遇到了一些问题。例如,当有人单击输入或单... 查看详情

是否有用于 <ul> 的 jQuery 插件,例如 DataTables?

】是否有用于<ul>的jQuery插件,例如DataTables?【英文标题】:IsthereajQuerypluginlikeDataTablesfora<ul>?【发布时间】:2012-05-1102:49:36【问题描述】:是否有任何jQuery插件可以应用分页,允许用户选择页面大小,并管理在结果中显... 查看详情

jQuery 验证插件问题不适用于数字字段

】jQuery验证插件问题不适用于数字字段【英文标题】:jQueryvalidationpluginissuenotworkingfornumberfield【发布时间】:2020-07-0501:41:45【问题描述】:我正在使用一个jQuery验证插件,它正在部分工作。验证电子邮件字段没有问题(输入时显... 查看详情

是否有任何用于类似 *** 的投票的 Ajax(原型或 JQuery 插件)示例?

】是否有任何用于类似***的投票的Ajax(原型或JQuery插件)示例?【英文标题】:ArethereanyAjax(PrototypeorJQueryPlugin)samplefor***-likevoting?【发布时间】:2010-10-2310:35:29【问题描述】:任何用于实现投票的好ajax示例,类似于***.com的向上... 查看详情

用于获取和设置 css3 变换样式的 jQuery 插件

】用于获取和设置css3变换样式的jQuery插件【英文标题】:jQueryplugintogetandsetcss3transformstyle【发布时间】:2017-10-2216:50:24【问题描述】:和标题一样,有一些库可以获取和设置css3转换属性吗?例如我需要这样的东西:$("#elem").transl... 查看详情

jQuery插件,用于将颜色从一个类动画化到另一个类

】jQuery插件,用于将颜色从一个类动画化到另一个类【英文标题】:jQueryplugintoanimatecolorsfromoneclasstoanother【发布时间】:2010-12-0806:10:57【问题描述】:有很多jQuery颜色插件。但是我找不到在css类声明之间进行动画处理的那个。例... 查看详情

用于类似***的输入文本区域的JQuery?文本-​​>HTML

】用于类似***的输入文本区域的JQuery?文本-​​>HTML【英文标题】:JQueryfor***-likeinputtextarea?Text->HTML【发布时间】:2012-02-2714:48:58【问题描述】:我正在寻找一些可以帮助我将文本转换为HTML的文本区域。就像***输入区域所做... 查看详情

字符串上的 jQuery 选择器不适用于 Internet Explorer

】字符串上的jQuery选择器不适用于InternetExplorer【英文标题】:jQuery\'sselectorsonstringnotworkingforInternetExplorer【发布时间】:2011-04-2322:04:18【问题描述】:我使用jQuery的$.get()进行ajax调用,将字符串返回给函数。该字符串同时包含xml... 查看详情

用于加密/解密的 jquery 移动插件

】用于加密/解密的jquery移动插件【英文标题】:jquerymobilepluginforencryption/decryption【发布时间】:2013-05-1100:04:35【问题描述】:我想加密和解密要作为URL参数传递的json对象。是否有一个jquery移动插件为此目的提供加密和解密,因... 查看详情

用于管理 cookie 的 jquery 插件

】用于管理cookie的jquery插件【英文标题】:jqueryplugintomanagecookies【发布时间】:2016-12-0500:48:21【问题描述】:我必须在我的项目中为不同的产品创建、更新、删除和获取cookie。那么有没有为此的任何jquery插件。现在我正在使用它... 查看详情

如何将 jQuery 用于未来的元素?

】如何将jQuery用于未来的元素?【英文标题】:HowtousejQueryforfutureelements?【发布时间】:2021-10-1402:23:12【问题描述】:我正在为输入类“.date-input”使用jQueryUI日期选择器插件。$(document).ready(function()$(".date-input").datepicker(dateFormat:"d... 查看详情

用于地图的 Jquery 插件工具

】用于地图的Jquery插件工具【英文标题】:Jqueryplugintoolsformaps【发布时间】:2011-02-2207:21:28【问题描述】:谁能推荐一个链接或示例来使用jquery创建类似图集的工具谷歌地图有什么用?谢谢..【问题讨论】:我认为您必须更具体... 查看详情

jQuery:如何停止 AJAX 函数转义用于 POST 数据的 JSON 字符串

】jQuery:如何停止AJAX函数转义用于POST数据的JSON字符串【英文标题】:jQuery:HowtostopAJAXfunctionescapingJSONstringusedtoPOSTdata【发布时间】:2010-12-0615:47:12【问题描述】:我需要将表单中的所有输入序列化为JSON字符串。在thispost的帮助下... 查看详情

用于多个输入的 jQuery Datepicker

】用于多个输入的jQueryDatepicker【英文标题】:jQueryDatepickerformultipleinputs【发布时间】:2012-06-0322:25:50【问题描述】:我有一个jQuery日期选择器脚本:$(function()$("#datepicker").datepicker(dateFormat:"yyyy-mm-dd"););当我想为两个输入初始化这... 查看详情

用于树视图的jquery拖放插件[关闭]

】用于树视图的jquery拖放插件[关闭]【英文标题】:jqueryDraganddroppluginfortreeview[closed]【发布时间】:2012-06-2313:05:02【问题描述】:我正在寻找jquery插件,它允许我从树视图中选择元素并在另一侧(在树视图中)显示它的父级。非... 查看详情

用于引导数据网格的 jquery 插件 [关闭]

】用于引导数据网格的jquery插件[关闭]【英文标题】:whichjqueryplug-inforbootstrapdatagrid[closed]【发布时间】:2017-10-2909:36:43【问题描述】:任何jquery插件可以给我一个可编辑的数据网格,在特定列上有下拉和弹出窗口?我也可以有一... 查看详情

用于验证邮政编码或城市的 JavaScript 正则表达式

】用于验证邮政编码或城市的JavaScript正则表达式【英文标题】:JavaScriptregextovalidatepostalcodeorCity【发布时间】:2017-08-0814:31:40【问题描述】:我想对名为“城市或邮政编码”的输入字段进行客户端验证,我对用户输入有单独的验... 查看详情