您当前的位置: 首页 > 知识百科 > 怎样实现小程序获取表单数据?

怎样实现小程序获取表单数据?

时间:2023-07-01 14:05 阅读数:18 人阅读 分类:知识百科

  使用微信小程序可以实现很多类似于手机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 表单提交和取值实例详解