问题出现的场景:再开发者工具里面调试都是正常的,但是发布到预览版之后就出现问题了,而且目前只有一个苹果12手机有问题,各种排除解决都没找到问题解决

1、from表单提交,点击提交无反应 | 微信开放社区

2、小程序发布上线后有个按钮点击没反应? | 微信开放社区

3、微信小程序form表单的bindsubmit不生效bug_洋洋攻城记的博客-bindsubmit无效4、小程序发布后form bindsubmit按钮没反应 | 微信开放社区

后面再反复尝试后发现问题出现的时候 每次都是弹出一个苹果提示密码存储的弹框,然后怀疑是不是这个影响的,然后参考了网上的建议,屏蔽了弹框,这个问题就解决了!!!-_-

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

方案2:欺骗苹果手机,代码实现。

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

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

<view  style="width: 1rpx;height: 1rpx;overflow: hidden;">
	<input ></input>
</view>
<view class="login-input">
	<input type="password" name="pwd"  placeholder="请输入密码"></input>
</view>
<view  style="width: 1rpx;height: 1rpx;overflow: hidden;">
	<input ></input>
</view>