微信小程序如何实现表单提交

这篇文章主要介绍微信小程序如何实现表单提交，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联公司专业提供德阳电信服务器托管服务，为用户提供五星数据中心、电信、双线接入解决方案，用户可自行在线购买德阳电信服务器托管服务，并享受7*24小时金牌售后服务。

<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属性进行键值配对的

以上是“微信小程序如何实现表单提交”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

新闻标题：微信小程序如何实现表单提交
转载来于：https://www.cdcxhl.com/article10/jcjodo.html

成都网站建设公司_创新互联，为您提供品牌网站建设、外贸网站建设、动态网站、品牌网站制作、Google、定制开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联