小程序form表单里面buton点击事件失效

最新推荐文章于 2023-11-28 16:03:40 发布
最新推荐文章于 2023-11-28 16:03:40 发布
阅读量933 收藏 2
点赞数 3
分类专栏： 小程序 文章标签： 前端 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hero_rong/article/details/107692847
版权

微信开发工具上都可以提交，一到真机上点击就失效了，莫名其妙

后来发现，

form 表单里面只可以有零个或者一个 auto-focus，只要超过一个按钮就会失效

如果，auto-focus 都删完了，但是提交按钮还是失效的话，有一个偏方，给第一个 input 添加 auto-focus ，让他自动聚焦，这样也可以解决喔

Hero_rong
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
form表单中button @click事件失灵（两种思路解决）
2301_76607875的博客
04-09 2869
IE 浏览器 的按钮默认 type 是 button，而其他浏览器中 type 的默认是 submit。我用的浏览器不是IE， 所以button 的 onclick 事件会被 form 的 action 所取代。一开始我的想法是，点击搜索按钮执行 jump() 方法，将输入框内容传到新页面，但是实际情况是，点击搜索按钮后，页面无跳转（一点反应都没有），最后在同事帮助下，得到应该将input外嵌套的 form 标签删除，在删除后，页面成功跳转。我在做后端功能测试时自己写了简单前端页面，发现了此问题。
uview 组件 u-form-item 点击事件
LlanyW的专栏
09-08 1343
click="showCalendar(false)"点击没反应。组件未定义此事件，可使用。这样时间选择器就出来了。
为小程序发布之后from表单提交，点击提交无反应
飞翔小猪的博客
10-21 1478
先说解决思路，通过测试发现，在账号框不为空，密码框不为空，两者都不为空，并且光标离开账号框或者密码框的时候，苹果系统会自动提示存储密码或者更新密码的提示。又经过大量测试发现，账号输入框是指的距离密码输入框最近的上一个输入框，因此解决办法就是在密码输入框上面增加一个账号输入框，让他永远为空，并且不可见即可（页面不可见,不能是display:none）。后面再反复尝试后发现问题出现的时候 每次都是弹出一个苹果提示密码存储的弹框，然后怀疑是不是这个影响的，然后参考了网上的建议，屏蔽了弹框，这个问题就解决了！
小程序开发——form组件无法正确触发submit事件问题
weixin_42509956的博客
11-28 115
input组件不要用auto-focus属性！input组件不要用auto-focus属性！！input组件不要用auto-focus属性！！！
关于微信小程序form表单无法触发提交的解决方案
f1752388440的博客
03-13 1451
出现问题：点击button时无法触发form的submit方法，百度给出的回答是删掉auto-focus，可是我没有用到这个属性呢，百思不得其解，后经尝试，得一不是上佳的解决方案。
微信小程序 表单Form实例详解（附源码）
12-29
微信小程序 表单Form实例 表单Form的应用很广泛，我们可以利用form设计登录注册，也可以设计一种答题问卷的形式，今天主要讲一下form的使用 form表单，将组件内输入的”switch”,”input”,”checkbox”,”slider”,...
解决layui中的form表单与button的点击事件冲突问题
12-01
然而，在实际使用中，有时会出现一些意料之外的问题，例如本文提到的 "layui 中的 form 表单与 button 的点击事件冲突问题"。 当 layui 的 form 表单元素与 button 元素位置重合时，可能会导致 button 的 click ...
微信小程序简单实现form表单获取输入数据功能示例
11-29
通过这个简单的示例，我们可以了解到微信小程序中如何利用form表单收集用户输入，以及如何处理表单提交和重置事件。这在开发微信小程序的用户交互功能时非常实用。在实际项目中，你可能需要根据需求扩展这个基础示例...
微信小程序-form表单提交代码实例
10-17
主要介绍了微信小程序-form表单提交，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序例子——使用form表单获取输入框数据
11-07
微信小程序中的`<form>`表单组件为开发者提供了便捷的数据收集和处理方式，结合数据绑定、事件监听、数据校验以及文件上传等功能，可以构建出丰富的用户交互体验。通过理解和熟练运用这些知识点，开发者能够更好地...
微信小程序form表单组件示例代码
01-03
表单，将组件内的用户输入的<switch> <input/> <checkbox> <slider> <radio> <picker> 提交。 当点击<form/>表单中 formType 为 submit ...携带form中的数据触发submit事件，event.detail = { value : {
微信小程序使用form表单获取输入框数据的实例代码
08-27
在微信小程序开发中，表单（form）组件是用于收集用户输入数据的重要工具。本实例主要讲解如何通过form表单获取输入框（input）中的数据，并提供了具体的代码示例。以下将详细介绍整个过程： 1. **效果展示** 在...
微信小程序中form 表单提交和取值实例详解
08-30
首先，要实现表单提交，我们需要在WXML（微信小程序的结构层语言）中创建一个`<form>`标签，并为其绑定`bindsubmit`事件。这个事件会在用户触发表单提交时调用对应的JavaScript函数。例如： ```html <form ...
微信小程序实现form表单本地储存数据
10-16
主要为大家详细介绍了微信小程序实现form表单本地储存数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序表单验证form提交错误提示效果
10-18
主要为大家详细介绍了微信小程序表单验证form提交错误提示效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
怎么 解决uView中u-button点击事件偶发失效问题
weixin_46381442的博客
11-29 3625
怎么 解决uView中u-button点击事件偶发失效问题 uview中u-button之所以会出现点击事件偶尔失效是因为uview对按钮做了节流的效果 当然如果想解决也是很容易的，我们找到u-button.vue文件的 throttleTime里面的default的时间就好了 这样就解决了、希望能帮助你 ...
Form表单Click无响应解决方案
qq_44484894的博客
07-06 1035
Form表单Click无响应解决方案 开发工具与关键技术：Visual Studio 撰写时间：6月28号 作者： 曾子千 不知道大家遇到过重置表单属性click无响应这个问题呢？ $("#命名input[type=‘reset’]").click(); 这个属性我一般是用来在写在一些新增修改的form表单 让它在打开模态框填写完数据 页面提交数据后， 它会有一个重置表单的...
关于小程序中点击事件失效问题总结
I_still_like_you的博客
11-17 2792
关于小程序中点击事件失效问题总结 handleItemTap(e) { //获取suoyin const {index}=e.currentTarget.dataset; //相当于const index = e.currentTargrt.dataset; this.setData({currentIndex:index}); }, 首先看自己的const中的至和wxml中data-*后的值是否一样， <sc
Layui form表单input checkbox复选框改单选onclick失效问题
weixin_51252004的博客
10-12 2192
Layui form表单input的checkbox复选框改为单选onclick失效问题
微信小程序form表单组件
最新发布
04-29
微信小程序的form表单组件是用于集用户输入信息的组件。它提供了一系列的表单元素，如input、textarea、picker等，可以方便地收集用户的文本、数字、日期等类型的数据。 form组件的基本用法是将需要收集数据的表单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值