微信小程序> form表单组件-小程序form表单提交数据

form表单组件-小程序form表单提交数据

浏览量:6734 时间: 来源:微信小程序
这篇文章主要介绍了微信小程序-form表单提交,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 

form表单组件-小程序form表单提交数据效果:

1)小程序form表单提交html代码
是否公开信息 手机号 密码 性别
{{warn ? warn : "是否公开信息:"+isPub+",手机号:"+phone+",密码:"+pwd+",性别:"+sex}}

2)小程序form表单提交css代码
.section{  display: flex;  flex-direction: row;  margin: 20rpx;}.section view{  margin-right: 20rpx;}.btn-area{  margin: 20rpx;}button{  margin: 10rpx 0;}

3)小程序form表单提交js代码
let app = 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 ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

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