- 52
- 0
我前面也写了好几个表单应用,都是可以运行的,这个表单不知道咋了,竟点击按钮没放应,控制台没有任何报错,我实在看不出来问题在哪。盼望大神搭救一下
wxml
<view>
<form bindsubmit="formSubmit" bindreset="formReset">
<view class="itemContainer">
<view class="iconAndText">
<image class="icons" src="../../images/must_write.png"></image>
<view class="icon_text">企业名称</view>
</view>
<view class="placeholderCon">
<input class="placeholder" placeholder-style='text-align:right' placeholder="请输入" auto-focus/>
</view>
</view>
<view class="itemContainer">
<view class="iconAndText">
<image class="icons" src="../../images/must_write.png"></image>
<view class="icon_text">联系电话</view>
</view>
<view class="placeholderCon">
<input type="number" maxlength="11" class="placeholder" placeholder-style='text-align:right' placeholder="请输入" auto-focus/>
</view>
</view>
<view class="itemContainer">
<view class="iconAndText">
<image class="icons" src="../../images/must_write.png"></image>
<view class="icon_text">车型</view>
</view>
<view class="placeholderCon">
<input class="placeholder" placeholder-style='text-align:right' placeholder="请输入" auto-focus/>
</view>
</view>
<view class="itemContainer">
<view class="iconAndText">
<image class="icons" src="../../images/must_write.png"></image>
<view class="icon_text">发动机</view>
</view>
<view class="placeholderCon">
<input class="placeholder" placeholder-style='text-align:right' placeholder="请输入" auto-focus/>
</view>
</view>
<view class="itemContainer">
<view class="iconAndText">
<image class="icons" src="../../images/must_write.png"></image>
<view class="icon_text">出售主题</view>
</view>
<view class="placeholderCon">
<input class="placeholder" placeholder-style='text-align:right' placeholder="请输入" auto-focus/>
</view>
</view>
<view class="itemContainer">
<view class="iconAndText">
<image class="icons" src="../../images/must_write.png"></image>
<view class="icon_text">出售价格</view>
</view>
<view class="placeholderCon">
<input class="placeholder" type="number" placeholder-style='text-align:right' placeholder="请输入" auto-focus/>
</view>
</view>
<view class="itemContainerDetail">
<view class="iconAndTextDetail">
<image class="icons" src="../../images/must_write.png"></image>
<view class="icon_text">出售内容</view>
</view>
</view>
<view class="itemContainerDetailDetail">
<view class="DetailDetail">
<textarea class="placeholderDetail" placeholder-style='text-align:right' placeholder="请输入" name="detail" />
</view>
</view>
<view class="btn-area">
<button class="sub_but" formType="submit">发布特卖</button>
</view>
</form>
</view>
wxss
.icons {
width: 30rpx;
height: 30rpx;
padding: 15rpx 15rpx 15rpx 15rpx;
}
.grayCon {
background-color: #fff;
}
.itemContainer {
display: flex;
background-color: #fff;
justify-content: space-between;
border-bottom: 1rpx solid #e5e5e5;
padding: 10rpx 25rpx;
}
.itemContainerDetail {
display: flex;
background-color: #fff;
justify-content: space-between;
/* border-bottom: 1rpx solid #e5e5e5; */
padding: 10rpx 25rpx;
}
.itemContainerDetailDetail{
display: flex;
background-color: #fff;
/* justify-content: space-between; */
border-bottom: 1rpx solid #e5e5e5;
padding: 10rpx 25rpx;
border-radius: 13rpx;
}
.DetailDetail{
padding: 30rpx;
}
.icon_text {
padding: 15rpx;
font-size: 33rpx;
}
.iconAndText {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.iconAndTextDetail{
display: flex;
flex-direction: row;
/* justify-content: space-between; */
}
.placeholderCon{
display: flex;
flex-direction: row;
width: 480rpx;
align-items: center;
}
.placeholder {
font-size: 33rpx;
width: 480rpx;
}
.placeholderDetail {
font-size: 33rpx;
width: 650rpx;
}
.sub_but{
margin-top: 20rpx;
width: 80%;
color: #fff;
background-color:red;
}
js
formSubmit: function (e) {
console.log('form发生了submit事件,携带数据为:', e.detail.value)
}, 0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
羡煞众生 普通会员 1楼
微信小程序的form按钮失效可能是由于以下几个原因:
- 异常关闭:可能是由于用户点击后按下了键盘上的回车键,导致了按钮的关闭。
- 硬件问题:可能是硬件故障,导致了按钮无法正常工作。
- 软件问题:可能是微信小程序自身的问题,导致了按钮无法正常工作。
你可以尝试以下方法解决这个问题:
- 检查异常关闭:在打开form按钮后,等待一段时间再尝试关闭,看看是否还会出现异常关闭的情况。
- 检查硬件问题:如果可能,可以尝试重启硬件设备,或者更换一个硬件设备,看看问题是否能够解决。
- 检查微信小程序问题:如果是微信小程序的问题,你可以尝试重新启动小程序,或者在小程序开发者工具中检查一下按钮的状态。
如果以上方法都无法解决问题,你可能需要寻求专业的技术支持。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
