使用toast组件实现提示用户忘记输入用户名或密码功能

微信小程序现在越来越流行，所需要的开发功能越来越多，本文主要介绍了微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能,结合实例形式详细分析了toast组件实现消息提示功能的相关操作技巧,希望能帮助到大家。

1、效果展示

2、关键代码

① index.wxml

 form bindsubmit= formBindsubmit bindreset= formReset 
 view >
② index.js

Page({
 data:{
 // text: 这是一个页面 
 toastHidden:true,
 userName: #39; #39;,
 psw: #39; #39;
 formBindsubmit:function(e){
 if(e.detail.value.userName.length==0||e.detail.value.psw.length==0){
 this.setData({
 toastHidden:!this.data.toastHidden
 }else{
 this.setData({
 tip: #39; #39;,
 userName: #39;用户名： #39;+e.detail.value.userName,
 psw: #39;密码： #39;+e.detail.value.psw
 formReset:function(){
 this.setData({
 userName: #39; #39;,
 psw: #39; #39;
 toastBindChange:function(){
 this.setData({
 toastHidden:!this.data.toastHidden
})
看完本文后，大家学会了吗？赶紧动手尝试一下吧。
相关推荐：
微信小程序自定义toast实现方法详解
微信小程序表单验证功能完整实例
Thinkphp5如何实现微信小程序获取用户信息接口的案例
以上就是使用toast组件实现提示用户忘记输入用户名或密码功能的详细内容，更多请关注php中文网其它相关文章！
 
  
 最佳 Windows 性能的顶级免费优化软件
 
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。