微信小程序> 微信表单,微信小程序form表单提交

微信表单,微信小程序form表单提交

浏览量:810 时间: 来源:意外金喜
效果

html代码
formbindsubmit="formSubmit"bindreset="formReset"viewview是否公开信息/viewswitchname="isPub"//viewviewview手机号/viewinputname="phone"placeholder="手机号"//viewviewview密码/viewinputname="pwd"placeholder="密码"password//viewviewview性别/viewradio-groupname="sex"labelradiovalue="男"checked/男/labellabelradiovalue="女"/女/label/radio-group/viewviewbuttonformType="submit"提交/buttonbuttonformType="reset"重置/button/view/formviewwx:if="{{isSubmit}}"{{warn?warn:"是否公开信息:"+isPub+",手机号:"+phone+",密码:"+pwd+",性别:"+sex}}/viewcss代码
.section{display:flex;flex-direction:row;margin:20rpx;}.sectionview{margin-right:20rpx;}.btn-area{margin:20rpx;}button{margin:10rpx0;}js代码
letapp=getApp();Page({data:{isSubmit:false,warn:"",phone:"",pwd:"",isPub:false,sex:"男"},formSubmit:function(e){console.log('form发生了submit事件,携带数据为:',e.detail.value);let{phone,pwd,isPub,sex}=e.detail.value;if(!phone||!pwd){this.setData({warn:"手机号或密码为空!",isSubmit:true})return;}this.setData({warn:"",isSubmit:true,phone,pwd,isPub,sex})},formReset:function(){console.log('form发生了reset事件')}})

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎