微信小程序如何實現表單提交

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

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

const app = getApp()
Page({

  /**
   * 頁面的初始數據
   */
  data: {
    isShow:true
  },

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

})

注意： 表單提交是根據input的name屬性進行鍵值配對的

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