- textarea通过form的submit来提交有时会卡住
我在表单提交的时候做了表单验证,如果验证不通过则return,当再次提交的时候,很大概率会卡住,不触发submit事件或者整个页面直接卡住。目前用input代替来解决这个问题,但终究不是最优解决方案,望修复。
2017-06-02 - 小程序form表单提交
最近在开发一个小程序,里面有一个form表单的提交,是textarea和input组合使用的,第一行是textarea,其余的都是input,自上而下输入,点击提交,在开发者工具上没问题,可以跳转页面,在真机上就不跳转页面,当textarea再次聚焦的时候,再点击提交就没问题,可以跳转页面。或者把textarea放在最下面,依然是自上而下输入,提交没问题,可以跳转页面(真机)。请各位大神给解释解释这是肿么回事 <view class="wrap"> <form bindsubmit="formSubmit" class="formSubmit"> <view> <text>稿件主题</text> <textarea class="title" type="text" name="name" placeholder-style="font-size:16px;line-height:20px;color:#ccc;" placeholder="请填写稿件主题" value="" auto-height /><!--这是个文本域,多行文本输入--> </view> <view> <text>联系人</text> <input type="text" name="link_man" placeholder-style="font-size:16px;color:#ccc;" placeholder="请填写联系人" value="" /> </view> <view> <text>联系电话</text> <input type="number" name="link_phone" placeholder-style="font-size:16px;color:#ccc;" placeholder="请填写联系电话或手机号" value="" /> </view> <view> <text>联系邮箱</text> <input type="text" name="link_email" placeholder-style="font-size:16px;color:#ccc;" placeholder="请填写联系邮箱" value="" /> </view> <view class="btn"> <button formType="submit" type="warn" hover-class="none">我要定制</button> </view> </form> </view> .wrap{ height: auto; padding: 0 36rpx; border-top: 1px solid #e0e0e0; border-bottom: none; } view{ display: flex; line-height: 90rpx; border-bottom: 1px solid #f5f5f5; } text{ width: 150rpx; font-size: 32rpx; letter-spacing: 2rpx; } input{ width: 528rpx; height: 90rpx; line-height: 90rpx; font-size: 32rpx; font-family: "Microsoft YaHei"; } .title{ height: auto; min-height: 40rpx; line-height: 40rpx; margin: 0; padding-top: 26rpx; } textarea{ width: 528rpx; min-height: 416rpx; line-height: 52rpx; margin-top: 20rpx; font-size: 32rpx; } .btn{ margin-top: 73rpx; justify-content: center; border: none; } .btn button{ font-size: 28rpx; } // 这是js代码 var app = getApp(); Page({ data: { }, onLoad: function (options) { }, formSubmit: function (e) { var that = this; var token = wx.getStorageSync('token'); var service_type = this.options.type; var formData = e.detail.value; if(formData.name==""){ wx.showToast({ title:"请填写稿件名称", image:"../../images/warring.png" }) } else if (formData.link_man == ""){ wx.showToast({ title: "请填写联系人", image: "../../images/warring.png" }) } else if (formData.link_phone == ""){ wx.showToast({ title: "请填写联系电话", image: "../../images/warring.png" }) } else if (formData.link_email == ""){ wx.showToast({ title: "请填写邮箱", image: "../../images/warring.png" }) } if (formData.name !== "" & formData.link_man !== "" & formData.link_phone !== "" & formData.link_email !== ""){ wx.request({ url: app.urls + 'api/applet/v1/promotion/contribute/save', data:{ token:token, service_type:service_type, name:formData.name, link_man:formData.link_man, link_phone:formData.link_phone, link_email:formData.link_email }, header: { 'Content-Type': 'application/x-www-form-urlencoded' }, method:"POST", success:function(res){ console.log(res.data) if(res.data.retCode == 0){ wx.navigateTo({ url: "writer-order?order_id=" + res.data.data.order_id + '&type=' + service_type }) }else{ wx.showToast({ title: res.data.msg, image: "../../images/warring.png" }) } } }) } } }) 这是在真机上的图片 初始界面 ,准备输入 [图片] ignore_js_op style="word-wrap: break-word;">自上而下输入完毕,点击我要定制,不会跳转页面 [图片] /ignore_js_op>ignore_js_op style="word-wrap: break-word;"> 当textarea再次获得焦点,再点击我要定制或完成才会提交成功 [图片] /ignore_js_op>ignore_js_op style="word-wrap: break-word;"> 提交成功后跳转的页面 [图片] /ignore_js_op>
2017-07-14 - 1个form表单中存在2个textarea时,会阻塞submit事件的触发
1个form表单中存在2个textarea时,同时输入文本后点击提交的时候会阻塞submit事件的触发 请查看demo示例 [代码]<!--index.wxml-->[代码][代码]<[代码][代码]form[代码] [代码]bindsubmit[代码][代码]=[代码][代码]"bindFormSubmit"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]textarea[代码] [代码]placeholder[代码][代码]=[代码][代码]"form 中的 textarea1"[代码] [代码]name[代码][代码]=[代码][代码]"textarea1"[代码] [代码]value[代码][代码]=[代码][代码]''[代码][代码]/>[代码][代码] [代码][代码]<[代码][代码]textarea[代码] [代码]placeholder[代码][代码]=[代码][代码]"form 中的 textarea2"[代码] [代码]name[代码][代码]=[代码][代码]"textarea2"[代码] [代码]value[代码][代码]=[代码][代码]''[代码][代码]/>[代码][代码] [代码][代码]<[代码][代码]button[代码] [代码]form-type[代码][代码]=[代码][代码]"submit"[代码][代码]> 提交 </[代码][代码]button[代码][代码]>[代码][代码]</[代码][代码]form[代码][代码]>[代码][代码]//index.js[代码][代码]const app = getApp()[代码] [代码]Page({[代码][代码] [代码][代码]data: {[代码][代码] [代码] [代码] [代码][代码]},[代码][代码] [代码][代码]onLoad: [代码][代码]function[代码] [代码]() {[代码][代码] [代码] [代码] [代码][代码]},[代码][代码] [代码][代码]bindFormSubmit: [代码][代码]function[代码] [代码](e) {[代码][代码] [代码][代码]wx.showToast({[代码][代码] [代码][代码]title: [代码][代码]'成功'[代码][代码],[代码][代码] [代码][代码]icon: [代码][代码]'success'[代码][代码],[代码][代码] [代码][代码]duration: 2000[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码]})[代码]
2018-04-11 - form中多个textarea组件时,无法提交
安卓系统在form中有多个textarea时候, 提交按钮formType="submit" 无法点击,而ios则需要点两次提交按钮(formType="submit") 才有效 而只有1个textarea的时候一切正常,请问怎么解决,非常急
2018-03-12 - Form表单提交带有textarea组件时提交按钮点击无反应?
Form表单中同时存在两个textarea组件 真机安卓测试操作流程:两个文本框全部输入完后点击发布提交表单无反映,本人测试时这个流程100%提交不了,如果只输入一个文本是可以提交!!!
2018-08-10 - Form 表单提交带有多个 textarea 的组件时,提交按钮点击无反应的问题
Form表单中同时存在两个textarea组件 真机安卓测试操作流程:两个文本框全部输入完后点击发布提交表单无反映,本人测试时这个流程100%提交不了,如果只输入一个文本是可以提交!!! 希望能尽快修复这个Bug啊 太坑了
2018-09-03