博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序--问题汇总及详解之form表单
阅读量:6827 次
发布时间:2019-06-26

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

附上微信小程序开发文档链接:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html

form表单:

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

bindtap 用户点击时触发

bindchange 用户输入完成时触发(建议要输入中文的input采用这个点击事件)

判断两次密码不一致用 !== 相比较  例如:if(that.data.password !== that.data.password_confirmation){ }

//placeholder-style 设置样式
//hover-class="none" 设置按钮按下的样式及状态
Page({        data: loginData,        loginTap: function (e) {            var that = this    //这句很重要            var loginData = e.detail.value  //获取表单里所有key的值            wx.request({                method: 'POST',                url: 'https://....',   //小程序只能采用https                data: loginData,   //请求的数据                header: {'content-type': 'application/json'},                success: function (res) {                    var tokend = res.data.token;  //获取后台token                    wx.setStorageSync('tokend', tokend)  //存储token                    if (res.code == 200) {                        wx.switchTab({   //跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,路径后不能带参数(需在 app.json 的 tabBar 字段定义的页面)                            url: '../index/index',                        })                    }if (res.code == 400) {                        wx.showToast({   //消息提示框,默认只能success,loading两种形式,可引进图片方式                            title: '手机号码不正确',                            image: '../Image/error.png',                            duration: 2000                        })                    }                },            })        }    }) 也可以就单独获取每个input的值
Page({        data:{            phone:''        },        phone:function(e){         //获取input值            var that = this;            that.setData({                phone: e.detail.value            })        },       phoneBtn: function (e) {            var that = this;            wx.request({                url: 'https://....',                method: 'GET',                header: { 'content-type': 'application/json' },                data: {                    'phone': that.data.phone   //请求的数据                },                success: function (res) {}            })        },    })

转载于:https://www.cnblogs.com/JinQing/p/6625828.html

你可能感兴趣的文章
Android开发中SharedPreferences的应用
查看>>
一步步构建大型网站架构
查看>>
[转载]jquery 动态滚动
查看>>
POJ 3415 Common Substrings
查看>>
The run destination iPhone 5.0 Simulator is not valid for running the scheme 'MyApp'
查看>>
【C#】在父窗体菜单合并子窗体菜单
查看>>
反射(6)程序集加载上下文
查看>>
oracle触发器after update of |更改之后赋值|
查看>>
Oracle命令:授权-收回权限-角色-用户状态
查看>>
常用的Ubuntu APT命令参数
查看>>
成功加盟者的8个特点
查看>>
Java基础03 构造器与方法重载
查看>>
如何让你的服务屏蔽Shodan扫描
查看>>
SpringBoot+Elasticsearch
查看>>
Vim 操作符命令和动作命令
查看>>
动态代理
查看>>
C语言 格式化输出--%m.n
查看>>
gradle配置国内的镜像
查看>>
Gitlab安装与备份恢复
查看>>
LeetCode: Recover Binary Search Tree 解题报告
查看>>