微信小程序> 微信小程序获取form表单数据

微信小程序获取form表单数据

浏览量:2837 时间: 来源:初心-杨瑞超个人博客

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416

form概述

表单,将组件内的用户输入的      提交。

当点击  表单中 form-type 为 submit 的  组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。

直接贴代码了:

form bindsubmit="formSubmit" bindreset="formReset"  view class="section section_gap"    view class="section__title"switch/view switch name="switch" /  /view  view class="section section_gap"    view class="section__title"slider/view    slider name="slider" show-value/slider  /view  view class="section"    view class="section__title"input/view    input name="input" placeholder="please input here" /  /view  view class="section section_gap"    view class="section__title"radio/view    radio-group name="radio-group"      labelradio value="radio1" /radio1/label      labelradio value="radio2" /radio2/label    /radio-group  /view  view class="section section_gap"    view class="section__title"checkbox/view    checkbox-group name="checkbox"      labelcheckbox value="checkbox1" /checkbox1/label      labelcheckbox value="checkbox2" /checkbox2/label    /checkbox-group  /view  view class="btn-area"    button form-type="submit"Submit/button    button form-type="reset"Reset/button  /view/form
Page({  formSubmit(e) {    console.log('form发生了submit事件,携带数据为:', e.detail.value)  },  formReset() {    console.log('form发生了reset事件')  }})

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

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