为小程序发布之后from表单提交，点击提交无反应

最新推荐文章于 2023-06-14 11:59:49 发布

诸葛百家

最新推荐文章于 2023-06-14 11:59:49 发布

阅读量1.5k

点赞数

文章标签：小程序微信小程序

本文链接：https://blog.csdn.net/zqlwcx/article/details/127441608

版权

当微信小程序在苹果手机上发布后，遇到表单提交按钮点击无反应的问题，发现与iOS自动填充密码功能有关。通过在密码输入框前添加一个隐形的、始终为空的账号输入框，防止iOS触发存储密码提示，从而解决了该问题。这种方法避免了让用户关闭自动填充密码设置，同时也保证了功能正常运行。

摘要由CSDN通过智能技术生成

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

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

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

3、微信小程序form表单的bindsubmit不生效bug_洋洋攻城记的博客-CSDN博客_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>