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

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

創(chuàng)新互聯(lián)公司專業(yè)提供德陽電信服務(wù)器托管服務(wù)，為用戶提供五星數(shù)據(jù)中心、電信、雙線接入解決方案，用戶可自行在線購買德陽電信服務(wù)器托管服務(wù)，并享受7*24小時金牌售后服務(wù)。

<view class='container'>
  <form bindsubmit='denglu'>
    <view class='list'>
      <view class='left'>
        <label>手機(jī)號:</label>
        <input type='number' name="tel" bindinput='shj' maxlength='11' placeholder='請輸入手機(jī)號'></input>
      </view>
      <view class='right'></view>
    </view>
    <view class='list border'>
      <view class='left'>
        <label>驗(yàn)證碼:</label>
        <input type='number' name="code" placeholder='請輸入驗(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({

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

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

})

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

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

新聞標(biāo)題：微信小程序如何實(shí)現(xiàn)表單提交
轉(zhuǎn)載來于：http://muchs.cn/article10/jcjodo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、品牌網(wǎng)站制作、Google、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)