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企服之家，中国第一个企服评测及商务社交产业平台。