这篇文章主要介绍了
微信小程序
简单实现form表单获取输入数据功能,涉及微信小程序针对form表单的事件绑定及数据获取等相关操作技巧,需要的朋友可以参考下
本文实例讲述了微信小程序简单实现form表单获取输入数据功能。分享给大家供大家参考,具体如下:
1、效果展示
2、关键代码
index.wxml
index.js
上面是我整理给大家的,希望今后会对大家有帮助。
微信小程序签名解密ThinkPHP库
微信小程序签名解密ThinkPHP库
下载
相关文章:
在Mac中如何安装nvm(详细教程)
在微信小程序中如何实现时间功能
在webpack中有关生成代码探索
在微信小程序中如何显示单选项
{{tip}}
{{userName}}
{{psw}} 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:''
})
}
})