当前位置: 首页 > news >正文

IOS上微信小程序密码框光标离开提示存储密码解决方案

问题:

ios密码框输入密码光标离开之后会提示存储密码的弹窗
在这里插入图片描述

解决方案

1、在苹果手机上面把 “自动填充密码”关闭,但是苹果这个默认开启,而且大部分客户也不会去自己关闭。

2、欺骗苹果手机,代码实现。
先说解决思路,通过测试发现,在账号框不为空,密码框不为空,两者都不为空,并且光标离开账号框或者密码框的时候,苹果系统会自动提示存储密码或者更新密码的提示。又经过大量测试发现,账号输入框是指的距离密码输入框最近的上一个输入框,因此解决办法就是在密码输入框上面增加一个账号输入框,让他永远为空,并且不可见即可(页面不可见,不能是display:none)。

这样距离密码框最近的上一个文本框永远是空的,就不会触发ios的存储密码提示了。
代码如下:

		<view class="form-box"><view class="item"><text class="title">账号</text><input class="input" placeholder="请输入账号" :value="username" @input="inputName" placeholder-style="font-size:28rpx;color:#c2c2c7" /></view><!-- 内容永远为空 --><view><input disabled="true" value="" ></input></view><view class="item"><text class="title">密码</text><view class="input-box"><input class="input" id="password" @input="inputPassword" placeholder="请输入密码" :password="!showPassword"placeholder-style="font-size:28rpx;color:#c2c2c7" /><view class="eye-box" @click="changeEyeStatus()" v-if="password"><img :src="showPassword?openEye:closeEye" class="icon"></view></view></view><view class="login-btn" @click="login"><text>登录</text></view><view class="check_code" @click="checkCode"><text >短信验证登录</text></view></view>

密码输入框上面的一个输入框 value值永远为空,这样就不会触发储存密码的弹窗啦~

http://www.lryc.cn/news/401013.html

相关文章:

  • AWS CDN新增用户ip 地区 城市 响应头
  • Elasticsearch基础概念
  • Redis 7.x 系列【24】哨兵模式配置项
  • SpringBoot+Vue实现简单的文件上传(策略模式)
  • 软考中级科目包含哪些?应该考哪个?
  • ArcGIS Enterprise 命令行组件创建配置
  • Web组成架构
  • 「Pytorch」roLabelImg 图像异常旋转 bug
  • java.sql.SQLException: Unknown system variable ‘query_cache_size‘【Pyspark】
  • 汽车连接器革新!中国星坤产品在汽车安全与效率中的卓越表现!
  • DHCP服务、FTP服务
  • AWS云计算实战:电商平台发卡机器人开发指南
  • 虚拟机及其Debian(kali)安装
  • Linux部署禅道(无脑复制版)
  • C# .net6使用Hangfire
  • NaiveUI与ElementUI 比较分析
  • 使用ChatGPT来撰写和润色学术论文的教程(含最新升级开桶ChatGpt4教程)​​
  • matine组件库踩坑日记 --- react
  • 爬虫学习前记----Python
  • 详解Go语言中的Goroutine组(Group)在项目中的使用
  • Linux桌面环境手动编译安装librime、librime-lua以及ibus-rime,提升中文输入法体验
  • 一文入门【NestJs】Providers
  • 云原生(Cloud native)
  • JVM OutOfMemoryError异常模拟
  • 架构师机器学习操作 (MLOps) 指南
  • 【学习笔记】虚幻SkeletalMesh学习(一)基础介绍
  • Apache防盗链、网页压缩、网页缓存
  • LocalAI - 笔记
  • Windows图形界面(GUI)-SDK-C/C++ - 编辑框(edit)
  • 区块链学习05-web3中solidity和move语言