账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    微信小程序form按钮失效
    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按钮失效可能是由于以下几个原因:

      1. 异常关闭:可能是由于用户点击后按下了键盘上的回车键,导致了按钮的关闭。
      2. 硬件问题:可能是硬件故障,导致了按钮无法正常工作。
      3. 软件问题:可能是微信小程序自身的问题,导致了按钮无法正常工作。

      你可以尝试以下方法解决这个问题:

      1. 检查异常关闭:在打开form按钮后,等待一段时间再尝试关闭,看看是否还会出现异常关闭的情况。
      2. 检查硬件问题:如果可能,可以尝试重启硬件设备,或者更换一个硬件设备,看看问题是否能够解决。
      3. 检查微信小程序问题:如果是微信小程序的问题,你可以尝试重新启动小程序,或者在小程序开发者工具中检查一下按钮的状态。

      如果以上方法都无法解决问题,你可能需要寻求专业的技术支持。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部