【移動(dòng)應(yīng)用開發(fā)技術(shù)】使用toast組件實(shí)現(xiàn)提示用戶忘記輸入用戶名或密碼功能的示例

這篇文章給大家分享的是有關(guān)使用toast組件實(shí)現(xiàn)提示用戶忘記輸入用戶名或密碼功能的示例的內(nèi)容。在下覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨在下過來看看吧。1、效果展示2、關(guān)鍵代碼①index.wxml<form

bindsubmit="formBindsubmit"

bindreset="formReset">

<view

style="display:flex;">

<label>用戶名：</label>

<input

name="userName"

placeholder="請(qǐng)輸入用戶名！"

/>

</view>

<view

style="display:flex;">

<label>密碼：</label>

<input

name="psw"

placeholder="請(qǐng)輸入密碼！"

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.jsPage({

data:{

//

text:"這是一個(gè)頁面"

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

})

}

})感謝各位的閱讀！關(guān)于“使用toast組件實(shí)現(xiàn)提示用戶忘記輸入用戶名或密碼功能的