微信小程序如何實(shí)現(xiàn)表單提交

這篇文章主要介紹微信小程序如何實(shí)現(xiàn)表單提交，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

<view class='container'>
  <form bindsubmit='denglu'>
    <view class='list'>
      <view class='left'>
        <label>手機(jī)號(hào):</label>
        <input type='number' name="tel" bindinput='shj' maxlength='11' placeholder='請(qǐng)輸入手機(jī)號(hào)'></input>
      </view>
      <view class='right'></view>
    </view>
    <view class='list border'>
      <view class='left'>
        <label>驗(yàn)證碼:</label>
        <input type='number' name="code" placeholder='請(qǐng)輸入驗(yàn)證碼'></input>
      </view>
      <view class='right'>
        <button class='send' wx:if="{{isShow}}" catchtap='send'>發(fā)送驗(yàn)證碼</button>
        <button class='send' disabled='{{true}}' wx:else>{{countdown}}秒后重新發(fā)送</button>
      </view>
    </view>
    <button form-type='submit' class='btn'>登錄</button>
  </form>
</view>

const app = getApp()
Page({

  /**
   * 頁(yè)面的初始數(shù)據(jù)
   */
  data: {
    isShow:true
  },

  //登錄
  denglu:function(e){
     let fromdate=e.detail.value;
     wx.request({
       data:fromdate,
       success:function(res){}
     })
  },
  /**
   * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
   */
  onLoad: function (options) {
    
  },

})

注意： 表單提交是根據(jù)input的name屬性進(jìn)行鍵值配對(duì)的

以上是“微信小程序如何實(shí)現(xiàn)表單提交”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！