博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序-form表单-获取用户输入文本框的值
阅读量:6683 次
发布时间:2019-06-25

本文共 2553 字,大约阅读时间需要 8 分钟。

微信小程序-form表单-获取用户输入文本框的值

  // 获取昵称  nickname: function(e) {    this.setData({      nickname: e.detail.value,    })    console.log("昵称" + this.data.nickname);  },  // 获取姓名  realName: function(e) {    this.setData({      realName: e.detail.value,    })    console.log("姓名" + this.data.realName);  },  // 获取详细地址  detailAddress: function(e) {    this.setData({      detailAddress: e.detail.value,    })    console.log("详细地址" + this.data.detailAddress);    this.setData({      detailAddress: e.detail.value,    })    console.log("详细地址" + this.data.detailAddress);  },  保存  baocun: function(e) {    console.log("昵称:" + this.data.nickname + " 真实姓名:" + this.data.realName + "性别:" + this.data.sex + "详细地址" + this.data.detailAddress);  },复制代码
 复制代码
data: {    userName: '',    userPwd:""  },  //获取用户输入的用户名  userNameInput:function(e)  {    this.setData({      userName: e.detail.value    })  },  passWdInput:function(e)  {    this.setData({      userPwd: e.detail.value    })  },  //获取用户输入的密码  loginBtnClick: function (e) {    console.log("用户名:"+this.data.userName+" 密码:" +this.data.password);  }复制代码

form表单

\r\n\r\n\r\n\r\n\r\n\r\n\r\n昵称:
真实姓名:
\r\n\r\n\r\n\r\n\r\n\r\n\r\n性别:
\r\n\r\n\r\n\r\n\r\n\r\n\r\n生日:
{ {date}}
\r\n\r\n\r\n\r\n居住地:
{ {region}}
详细地址:
复制代码
formSubmit: function (e) {    console.log('form发生了submit事件,携带数据为:', e.detail.value);  },let app = getApp();Page({  data: {    phone: "",    pwd: "",    sex: "男"  },  formSubmit: function (e) {    console.log('form发生了submit事件,携带数据为:', e.detail.value);    let { phone, pwd, isPub, sex } = e.detail.value;    this.setData({      warn: "",      isSubmit: true,      phone,      pwd,      isPub,      sex    })  },  formReset: function () {    console.log('form发生了reset事件')  }})复制代码

转载地址:http://jnoao.baihongyu.com/

你可能感兴趣的文章
jdbc性能优化
查看>>
linux下activemq异常退出,重启失败
查看>>
WordPress条件判断标签(Conditional Tags)手册
查看>>
【05】中级:翻页采集(以微博博主主页采集为例)
查看>>
OSSEC编写DECODE
查看>>
Hibernate 通用底层Dao
查看>>
JAVA 常用的工具类总结
查看>>
网络安装linux
查看>>
社交大革命,不可遏止的互联网春天
查看>>
蜂巢科技发布首款创新产品“小清新”空气卫士
查看>>
今天访问量过3000了,自己留个脚印
查看>>
工作区配置 4
查看>>
Android开发工程师,前行路上的14项技能
查看>>
w 查看系统负载 uptime vmsta 详解 top 详解 sar 命令 free 命令
查看>>
ps 查看进 netstat 查看端口
查看>>
网页图表Highcharts实践教程之认识Highcharts
查看>>
LPC2103学习之GPIO
查看>>
管理岗是什么鬼?
查看>>
创建一个当前时间凌晨
查看>>
Python 学习笔记 - 多进程和进程池
查看>>