這次帶給大家怎樣實作微信小程式使用form表單取得輸入框數據,實作微信小程式使用form表單取得輸入框資料的注意事項有哪些,以下就是實戰案例,一起來看一下。
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:'' }) } })
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
#以上是如何實作微信小程式使用form表單取得輸入框數據的詳細內容。更多資訊請關注PHP中文網其他相關文章!