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

问题出现的场景:再开发者工具里面调试都是正常的,但是发布到预览版之后就出现问题了,而且目前只有一个苹果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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要编写一个包含提交后跳转的微信小程序,可以使用以下步骤: 1. 在 WXML 文件中创建一个包含的页面。 例如,可以使用 `<form>` 标签来创建一个包含输入字段和提交按钮的,如下所示: ```html <form bindsubmit="onFormSubmit"> <input type="text" name="username" placeholder="用户名" /> <input type="password" name="password" placeholder="密码" /> <button type="submit">提交</button> </form> ``` 2. 在 JS 文件中编写提交处理程序。 当用户点提交按钮时,可以调用 `bindsubmit` 属性指定的处理程序,并通过 `wx.request()` 函数将数据发送到服务器。在请求完成后,可以通过 `wx.navigateTo()` 函数跳转到下一个页面。 例如,可以编写以下处理程序: ```javascript Page({ onFormSubmit: function (event) { wx.request({ url: 'https://example.com/login', data: event.detail.value, method: 'POST', success: function () { wx.navigateTo({ url: '/pages/home/home', }) }, fail: function () { wx.showToast({ title: '登录失败,请重试', icon: 'none', }) }, }) }, }) ``` 3. 在 app.json 文件中注册下一个页面。 在跳转到下一个页面之前,需要在 `app.json` 文件中注册该页面。例如,可以添加以下代码: ```json { "pages": [ "pages/index/index", "pages/home/home" ], "window": { "navigationBarTitleText": "微信小程序" } } ``` 这将使页面 `/pages/home/home` 可以在小程序中被访问。 以上就是编写一个包含提交后跳转的微信小程序的步骤。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值