怎样实现小程序获取表单数据?
使用微信小程序可以实现很多类似于手机App应用的功能,但是小程序的好处就是不占手机内存,那么小程序获取表单数据要怎么弄?一起来看看。
1、效果展示
2、关键小程序代码
index.wxml
用户名: 密码:
{{tip}}{{userName}}{{psw}}
来自CODE的代码片snippet_file_0.txt
index.js
Page({ data:{ // text:"这是一个页面" tip:'', userName:'', psw:'' }, formBindsubmit:function(e){ if(e.detail.value.userName.length==0||e.detail.value.psw.length==0){ this.setData({ tip:'提示:用户名和密码不能为空!', userName:'', psw:'' }) }else{ this.setData({ tip:'', userName:'用户名:'+e.detail.value.userName, psw:'密码:'+e.detail.value.psw }) } }, formReset:function(){ this.setData({ tip:'', userName:'', psw:'' }) }})
根据上述操作就可以使用小程序获取表单数据功能了,怎么样,是不是很简单呢?具体的开发小程序步骤也都在文中了,相信大家都能学会。想要获取更多相关资料请关注微信小程序素材网。
小程序form表单提交开发的相关事项
微信小程序表单提交怎么弄
微信小程序中form 表单提交和取值实例详解
上一篇:小程序发送模板消息怎么操作?
下一篇:如何清除微信小程序缓存?