怎样实现微信小程序使用form表单获取输入框数据
程序员文章站
2022-04-06 14:02:05
...
这次给大家带来怎样实现微信小程序使用form表单获取输入框数据,实现微信小程序使用form表单获取输入框数据的注意事项有哪些,下面就是实战案例,一起来看一下。
1、效果展示
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:'' }) } })
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是怎样实现微信小程序使用form表单获取输入框数据的详细内容,更多请关注其它相关文章!
推荐阅读
-
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
-
微信小程序实现获取用户信息并存入数据库操作示例
-
微信小程序中使用ECharts 异步加载数据实现图表功能
-
微信小程序授权 获取用户的openid和session_key【后端使用java语言编写】,我写的是get方式,目的是测试能否获取到微信服务器中的数据,后期我会写上post请求方式。
-
微信小程序wx.request使用POST请求时后端无法获取数据解决办法
-
微信小程序使用form表单获取输入框数据的实例代码
-
微信小程序简单实现form表单获取输入数据功能示例
-
微信小程序实现获取用户信息并存入数据库操作示例
-
微信小程序获取form表单中picker组件的选中的值
-
微信小程序授权 获取用户的openid和session_key【后端使用java语言编写】,我写的是get方式,目的是测试能否获取到微信服务器中的数据,后期我会写上post请求方式。