iphonex、iphone xs mac表单无法提交
发布于 6 年前 作者 rchang 4363 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

表单提交按钮

表单提交事件:

  • 预期表现

正常提交表单

  • 复现路径

填写好表单必填项信息,点击提交按钮无反应,真机调试根本无法触发表单提交的事件。

客户端调试时 弹出log窗口发现文本域中的内容居然在浮在日志上面(如下图)

换用同一个微信版本6.7.4的iphone7又能正常提交

  • 提供一个最简复现 Demo
2 回复

截图代码麻烦转化成代码片段给一下,我试试看

<view class=“container”>

    <form class=“send-auction-form” bindsubmit=“formSubmit” report-submit=“true”>

        <view class=“img-upload”>

            <block wx:for="{{imgList}}" wx:key=“item”>

                <view class=“img-box text-center” id="{{index}}">

                    <label class=“delbtn” bindtap=“deleteBtn” id="{{index}}" style=‘background-image:url("{{imgUrl}}miniweb/icon/publish-del.png");’></label>

                    <image src="{{item}}" mode=“aspectFill” bindtap=“lookPic” id="{{index}}"></image>

                </view>

            </block>

            <view class=‘img-box img-button’ wx:if="{{imgList.length<6}}" bindtap=‘uploadImg’ style=‘background-image:url("{{imgUrl}}miniweb/icon/publish-upload.png");’>

            </view>

        </view>

        <view class=“text-upload white-bg”>

            <view class=“box”>

                <view class=“items-head”>名称</view>

                <input bindfocus=“checkLogin” name=“auctionGoodsName” class=“box-flex items-content” type=“text” maxlength=“20” placeholder=“限20个字” value="{{auctionGoodsName}}" />

            </view>

            <view class=“send-auction-textarea”>

                <view class=“items-head”>描述</view>

                <textarea bindfocus=“checkLogin” name=“auctionGoodsDesc” placeholder=“限80个字” maxlength=“80” value="{{auctionGoodsDesc}}" placeholder-class=“input-placeholder” />

            </view>

        </view>

    </form>

</view>

  formSubmit: function (e) {

    var that = this;

console.log(e)

  },

回到顶部