ToB企服应用市场:ToB评测及商务社交产业平台

标题: IOS上微信小程序暗码框光标离开提示存储暗码解决方案 [打印本页]
作者: 十念    时间: 2024-8-17 03:29
标题: IOS上微信小程序暗码框光标离开提示存储暗码解决方案
问题：

ios暗码框输入暗码光标离开之后会提示存储暗码的弹窗

解决方案

1、在苹果手机上面把 “自动添补暗码”关闭，但是苹果这个默认开启，而且大部分客户也不会去本身关闭。
2、诱骗苹果手机，代码实现。
先说解决思路，通过测试发现，在账号框不为空，暗码框不为空，两者都不为空，而且光标离开账号框或者暗码框的时间，苹果体系会自动提示存储暗码或者更新暗码的提示。又经过大量测试发现，账号输入框是指的距离暗码输入框最近的上一个输入框，因此解决办法就是在暗码输入框上面增加一个账号输入框，让他永远为空，而且不可见即可（页面不可见,不能是display:none）。
如许距离暗码框最近的上一个文本框永远是空的，就不会触发ios的存储暗码提示了。
代码如下:
  1.                 <view class="form-box">
  2.                         <view class="item">
  3.                                 <text class="title">账号</text>
  4.                                 <input class="input" placeholder="请输入账号" :value="username" @input="inputName" placeholder-style="font-size:28rpx;color:#c2c2c7" />
  5.                         </view>
  6.                         <!-- 内容永远为空 -->
  7.                         <view>
  8.                                 <input disabled="true" value="" ></input>
  9.                         </view>
  10.                         <view class="item">
  11.                                 <text class="title">密码</text>
  12.                                 <view class="input-box">
  13.                                         <input class="input" id="password" @input="inputPassword" placeholder="请输入密码" :password="!showPassword"
  14.                                          placeholder-style="font-size:28rpx;color:#c2c2c7" />
  15.                                         <view class="eye-box" @click="changeEyeStatus()" v-if="password">
  16.                                                 <img :src="showPassword?openEye:closeEye" class="icon">
  17.                                         </view>
  18.                                 </view>
  19.                         </view>
  20.                        
  21.                         <view class="login-btn" @click="login">
  22.                                 <text>登录</text>
  23.                         </view>
  24.                         <view class="check_code" @click="checkCode">
  25.                                 <text >短信验证登录</text>
  26.                         </view>
  27.                 </view>
复制代码
暗码输入框上面的一个输入框 value值永远为空，如许就不会触发储存暗码的弹窗啦~

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4