小程序form表单提交

如何看待微信公开课小程序热门讨论「小程序form表单提交」
摘要：小程序form表单提交
展开：最近在开发一个小程序，里面有一个form表单的提交，是textarea和input组合使用的，第一行是textarea，其余的都是input，自上而下输入，点击提交，在开发者工具上没问题，可以跳转页面，在真机上就不跳转页面，当textarea再次聚焦的时候，再点击提交就没问题，可以跳转页面。或者把textarea放在最下面，依然是自上而下输入，提交没问题，可以跳转页面（真机）。请各位大神给解释解释这是肿么回事viewclasswrapformbindsubmitformSubmitclassformSubmitviewtext稿件主题/texttextareaclasstitletypetextnamenameplaceholderstylefontsize:16px;lineheight:20px;color:ccc;placeholder请填写稿件主题valueautoheight/!这是个文本域，多行文本输入/viewviewtext联系人/textinputtypetextnamelink_manplaceholderstylefontsize:16px;color:ccc;placeholder请填写联系人value//viewviewtext联系电话/textinputtypenumbernamelink_phoneplaceholderstylefontsize:16px;color:ccc;placeholder请填写联系电话或手机号value//viewviewtext联系邮箱/textinputtypetextnamelink_emailplaceholderstylefontsize:16px;color:ccc;placeholder请填写联系邮箱value//viewviewclassbtnbuttonformTypesubmittypewarnhoverclassnone我要定制/button/view/form/view.wrap{height:auto;padding:036rpx;bordertop:1pxsolide0e0e0;borderbottom:none;}view{display:flex;lineheight:90rpx;borderbottom:1pxsolidf5f5f5;}text{width:150rpx;fontsize:32rpx;letterspacing:2rpx;}input{width:528rpx;height:90rpx;lineheight:90rpx;fontsize:32rpx;fontfamily:MicrosoftYaHei；}.title{height:auto;minheight:40rpx;lineheight:40rpx;margin:0;paddingtop:26rpx;}textarea{width:528rpx;minheight:416rpx;lineheight:52rpx;margintop:20rpx;fontsize:32rpx;}.btn{margintop:73rpx;justifycontent:center;border:none;}.btnbutton{fontsize:28rpx;}//这是js代码varappgetApp();Page({data:{},onLoad:function(options){},formSubmit:function(e){varthatthis;vartokenwx.getStorageSync(token);varservice_typethis.options.type;varformDatae.detail.value;if(formData.name){wx.showToast({title:请填写稿件名称,image:../../images/warring.png})}elseif(formData.link_man){wx.showToast({title:请填写联系人,image:../../images/warring.png})}elseif(formData.link_phone){wx.showToast({title:请填写联系电话,image:../../images/warring.png})}elseif(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:{ContentType:application/xwwwformurlencoded},method:POST,success:function(res){console.log(res.data)if(res.data.retCode0){wx.navigateTo({url:writerorder?order_id+res.data.data.order_id+type+service_type})}else{wx.showToast({title:res.data.msg,image:../../images/warring.png})}}})}}})这是在真机上的图片初始界面，准备输入自上而下输入完毕，点击我要定制，不会跳转页面当textarea再次获得焦点，再点击我要定制或完成才会提交成功提交成功后跳转的页面了解更多