国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序使用toast消息對話框提示用戶忘記輸入用戶名或密碼功能【附源碼下載】

2019-11-19 14:45:56
字體:
來源:轉載
供稿:網友

本文實例講述了微信小程序使用toast消息對話框提示用戶忘記輸入用戶名或密碼功能。分享給大家供大家參考,具體如下:

1、效果展示

2、關鍵代碼

① index.wxml

<form bindsubmit="formBindsubmit" bindreset="formReset"> <view style="display:flex;">  <label>用戶名:</label>  <input name="userName" placeholder="請輸入用戶名!" /> </view> <view style="display:flex;">  <label>密碼:</label>  <input name="psw" placeholder="請輸入密碼!" password="true" /> </view> <view style="display:flex;margin-top:30px;">  <button style="width:30%;" formType="submit" >登錄</button>  <button style="width:30%" formType="reset" >重置</button> </view></form><view>{{userName}}</view><view>{{psw}}</view><toast duration="2000" hidden="{{toastHidden}}" bindchange="toastBindChange">用戶名或密碼不能為空!</toast> 

② index.js

Page({ data:{  // text:"這是一個頁面"  toastHidden:true,  userName:'',  psw:'' }, 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:'',    userName:'用戶名:'+e.detail.value.userName,    psw:'密碼:'+e.detail.value.psw   })  } }, formReset:function(){  this.setData({   userName:'',   psw:''  }) }, toastBindChange:function(){  this.setData({    toastHidden:!this.data.toastHidden  }) }})

3、源代碼點擊此處本站下載。

希望本文所述對大家微信小程序開發有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 漳浦县| 常德市| 鞍山市| 巨野县| 海丰县| 新民市| 桂东县| 滨海县| 康马县| 潍坊市| 伽师县| 青岛市| 丹阳市| 买车| 方山县| 大丰市| 砚山县| 长宁区| 伊通| 隆尧县| 正定县| 琼结县| 东宁县| 察隅县| 唐山市| 镇赉县| 峡江县| 长宁县| 宣化县| 忻城县| 水城县| 清新县| 汾西县| 石泉县| 孝义市| 长海县| 衡水市| 龙州县| 石景山区| 万源市| 安福县|