小編給大家分享一下微信小程序中如何實現(xiàn)form表單獲取輸入數(shù)據(jù)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

站在用戶的角度思考問題，與客戶深入溝通，找到任縣網(wǎng)站設(shè)計與任縣網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都做網(wǎng)站、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋任縣地區(qū)。

1、效果展示

2、關(guān)鍵代碼

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:''
  })
 }
})

以上是“微信小程序中如何實現(xiàn)form表單獲取輸入數(shù)據(jù)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章名稱：微信小程序中如何實現(xiàn)form表單獲取輸入數(shù)據(jù)-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://weahome.cn/article/dphcoi.html