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

柯妮妮

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

3. // 获取昵称
4. nickname: function(e) {
5. this.setData({
6. nickname: e.detail.value,
7. })
8. console.log("昵称" + this.data.nickname);
9. },
10. // 获取姓名
11. realName: function(e) {
12. this.setData({
13. realName: e.detail.value,
14. })
15. console.log("姓名" + this.data.realName);
16. },
17. // 获取详细地址
18. detailAddress: function(e) {
19. this.setData({
20. detailAddress: e.detail.value,
21. })
22. console.log("详细地址" + this.data.detailAddress);
24. this.setData({
25. detailAddress: e.detail.value,
26. })
27. console.log("详细地址" + this.data.detailAddress);
28. },
29. 保存
30. baocun: function(e) {
31. console.log("昵称:" + this.data.nickname + " 真实姓名:" + this.data.realName + "性别:" + this.data.sex + "详细地址" + this.data.detailAddress);
32. },

复制代码

复制代码

6. 登录

复制代码

复制代码

2. data: {
3. userName: '',
4. userPwd:""
5. },
6. //获取用户输入的用户名
7. userNameInput:function(e)
8. {
9. this.setData({
10. userName: e.detail.value
11. })
12. },
13. passWdInput:function(e)
14. {
15. this.setData({
16. userPwd: e.detail.value
17. })
18. },
19. //获取用户输入的密码
20. loginBtnClick: function (e) {
21. console.log("用户名："+this.data.userName+" 密码：" +this.data.password);
22. }

复制代码

复制代码
form表单

3. rnrnrnrnrnrnrn昵称：
11. 真实姓名：
20. rnrnrnrnrnrnrn性别：
26.   {{items[0].value}}
27.   {{items[1].value}}
34. rnrnrnrnrnrnrn生日：
39. {{date}}
47. rnrnrnrn居住地：
53. {{region}}
61. 详细地址：
71. 保存
72. 重置

复制代码

复制代码

2. formSubmit: function (e) {
3. console.log('form发生了submit事件，携带数据为：', e.detail.value);
4. },
6. let app = getApp();
7. Page({
8. data: {
9. phone: "",
10. pwd: "",
12. sex: "男"
13. },
14. formSubmit: function (e) {
15. console.log('form发生了submit事件，携带数据为：', e.detail.value);
16. let { phone, pwd, isPub, sex } = e.detail.value;
18. this.setData({
19. warn: "",
20. isSubmit: true,
21. phone,
22. pwd,
23. isPub,
24. sex
25. })
26. },
27. formReset: function () {
28. console.log('form发生了reset事件')
29. }
30. })

复制代码

复制代码