微信小程序简单实现form表单获取输入数据实例分享（微信小程序form表单提交）

微信小程序简单实现form表单获取输入数据实例分享（微信小程序form表单提交）

本文主要介绍了微信小程序简单实现form表单获取输入数据功能,涉及微信小程序针对form表单的事件绑定及数据获取等相关操作技巧,需要的朋友可以参考下，希望能帮助到大家。

1、效果展示

程序员必备接口测试调试工具：立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试，同时在线协作，内容实时同步

2、关键代码

index.wxml

用户名：密码：登录重置{{tip}}{{userName}}{{psw}}-

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:'' }) }})-

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。