本文实例讲述了微信小程序简单实现form表单获取输入数据功能。分享给大家供大家参考，具体如下：
创新互联公司是一家专注网站建设、网络营销策划、重庆小程序开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立10多年以来，已经为近千家成都木托盘各业的企业公司提供互联网服务。现在，服务的近千家客户与我们一路同行，见证我们的成长；未来，我们一起分享成功的喜悦。
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:''
})
}
})
3、完整实例代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
本文标题：微信小程序简单实现form表单获取输入数据功能示例
网站链接：
http://cdkjz.cn/article/pjpdgd.html
