折翼天使资源社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 38|回复: 0

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

[复制链接]

7084

主题

7469

帖子

285

积分

网站编辑

Rank: 8Rank: 8

天使之心
0
注册时间
2013-8-22
发表于 2018-11-23 11:22:32 | 显示全部楼层 |阅读模式
微信小程序-form表单-获取用户输入文本框的值
  1. // 获取昵称
  2. nickname: function(e) {
  3. this.setData({
  4. nickname: e.detail.value,
  5. })
  6. console.log("昵称" + this.data.nickname);
  7. },
  8. // 获取姓名
  9. realName: function(e) {
  10. this.setData({
  11. realName: e.detail.value,
  12. })
  13. console.log("姓名" + this.data.realName);
  14. },
  15. // 获取详细地址
  16. detailAddress: function(e) {
  17. this.setData({
  18. detailAddress: e.detail.value,
  19. })
  20. console.log("详细地址" + this.data.detailAddress);
  21. this.setData({
  22. detailAddress: e.detail.value,
  23. })
  24. console.log("详细地址" + this.data.detailAddress);
  25. },
  26. 保存
  27. baocun: function(e) {
  28. console.log("昵称:" + this.data.nickname + " 真实姓名:" + this.data.realName + "性别:" + this.data.sex + "详细地址" + this.data.detailAddress);
  29. },
复制代码
复制代码
  1. 登录
复制代码
复制代码
  1. data: {
  2. userName: '',
  3. userPwd:""
  4. },
  5. //获取用户输入的用户名
  6. userNameInput:function(e)
  7. {
  8. this.setData({
  9. userName: e.detail.value
  10. })
  11. },
  12. passWdInput:function(e)
  13. {
  14. this.setData({
  15. userPwd: e.detail.value
  16. })
  17. },
  18. //获取用户输入的密码
  19. loginBtnClick: function (e) {
  20. console.log("用户名:"+this.data.userName+" 密码:" +this.data.password);
  21. }
复制代码
复制代码
form表单
  1. rnrnrnrnrnrnrn昵称:
  2. 真实姓名:
  3. rnrnrnrnrnrnrn性别:
  4.   {{items[0].value}}
  5.   {{items[1].value}}
  6. rnrnrnrnrnrnrn生日:
  7. {{date}}
  8. rnrnrnrn居住地:
  9. {{region}}
  10. 详细地址:
  11. 保存
  12. 重置
复制代码
复制代码
  1. formSubmit: function (e) {
  2. console.log('form发生了submit事件,携带数据为:', e.detail.value);
  3. },
  4. let app = getApp();
  5. Page({
  6. data: {
  7. phone: "",
  8. pwd: "",
  9. sex: "男"
  10. },
  11. formSubmit: function (e) {
  12. console.log('form发生了submit事件,携带数据为:', e.detail.value);
  13. let { phone, pwd, isPub, sex } = e.detail.value;
  14. this.setData({
  15. warn: "",
  16. isSubmit: true,
  17. phone,
  18. pwd,
  19. isPub,
  20. sex
  21. })
  22. },
  23. formReset: function () {
  24. console.log('form发生了reset事件')
  25. }
  26. })
复制代码
复制代码