如图，如何基于uni-app实现这样六位数的密码输入框，输入自动移到下一位，满6位自动结束获取所输入的六位密码，请赐教，不胜感激。
请问前端如何实现类似微信支付时那样六位数密码输入框？
如图，如何基于uni-app实现这样六位数的密码输入框，输入自动移到下一位，满6位自动结束获取所输入的六位密码，请赐教，不胜感激。
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2022-04-27 11:04回答 4 已采纳 那要看前后端怎么通信了，http的话只能轮询，用websocket的话后端处理完可以直接通知前端
- 2023-03-02 20:31回答 1 已采纳 基于Monster 组和GPT的调写： 是的，你可以在小程序登录时将账号密码进行加密后传输到数据库，并在本地使用storage保存加密后的账号密码。这样可以保护用户的隐私信息，并且在后台也能看到账号的
- 2021-07-08 10:58回答 4 已采纳 问题蛮多的，大概改了下，看里面的代码注释，有帮助能点个采纳【右上角】吗，谢谢，有其他问题可以继续交流~ 你用到了jquery框架的代码，但是没见你导入jquery框架呢？ <?php hea
- 2023-02-27 17:30h_jQuery的博客 微信小程序密码输入框
- 2021-04-05 09:18回答 1 已采纳 https://blog.csdn.net/weixin_45915891/article/details/104734001
- 2022-10-05 12:50回答 1 已采纳 官方有日期转化格式 ，dateToString 函数可以转化时间https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-s
- 2021-08-20 18:07回答 1 已采纳 fileIds是数组应该在加一层for获取数组项才行，有帮助麻烦点个采纳【本回答右上角】，谢谢~~有其他问题可以继续交流~ <view class="photo"> <bl
- 2023-12-14 07:59无妄的罪的博客 这是一个 Vue 3 组件，用于创建一个自定义的密码输入框。这个输入框由6个小输入框组成，每个小输入框只能输入一个字符。当用户在一个小输入框中输入字符后，焦点会自动跳到下一个输入框，直到所有6个输入框都填满...
- 2022-05-06 17:25回答 1 已采纳 先获取到你选中的这些筛选条件的值，然后通过正则表达式来与数据库中集合的字段匹配，获取对应的数据结果就可以了
- 2021-08-27 20:58回答 3 已采纳 wx:for循环就可以，添加就给数组增项呗，输入数字n就增加n项
- 2023-02-28 12:12回答 2 已采纳 该回答引用GPTᴼᴾᴱᴺᴬᴵ将登录信息缓存在本地是一种常见的做法，但存在一定的安全风险，因为如果攻击者能够获取本地缓存的数据，就能够使用这些信息来模拟用户登录，进而进行非法操作。 为了保证本地缓存数据
- 2022-11-11 15:28前端 贾公子的博客 【代码】微信小程序六位密码框的实现。
- 2018-03-16 11:48christyleylh的博客 先来看看原型图：直接上代码：html<div class="common-part pay-part"> <div class="common-dialog pay-dialog"...请输入支付密码</div> &l
- 2021-12-20 15:50前端江太公的博客 下一步</button> </view> </form> </van-popup> js // pages/home/home.js Page({ /** * 页面的初始数据 */ data: { Length: 6, //输入框个数 isFocus: false, //聚焦 唤起键盘 Value: "", //输入的密码内容...
- 2018-08-24 14:13当用户点击数字或小数点键时，我们可以更新输入框的值，并进行相应的格式化，确保金额始终符合规范，例如限制小数位数。 3. **CSS3动画和响应式设计**：为了让键盘看起来和感觉上更像原生应用，可以使用CSS3的动画...
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 3月6日-
已采纳回答
3月5日
-
创建了问题
3月1日