小程序--form表单提交

view 页面结构

  <form bindsubmit="formSubmit">  
    <view class='tab-con'>
        <view class='marketTop'>
            <view class='market'>
                <view class='marketTitle'>列表名</view>
                <input class='marketText' placeholder="{{meterTz.meterNo}}" name='meterNo' value='{{meterTz.meterNo}}'/>
                <!-- <view class='marketText'>{{meterTz.meterNo}}</view> -->
            </view>
            
        </view>
        <button  class='markFooter' form-type="submit">
            提交
        </button >
    </view>
  </form>  

提交wxjs

formSubmit:function(e){
  var that = this;
    wx.showModal({ //提交修改提示框
      title: '修改',
      content: '确定修改' + that.data.meterNo,//修改提示框标题
      success: function (res) {
        if (res.confirm) {
            //提示框确定以后
          
          app.request('/rest/meter/edit', //    请求已封装 在另外一篇   我的文章少的要死 随手一翻就有
            {
              //请求封装
            },
            'POST',
            function (res) {
              if (res.data.result) {
                wx.showToast({
                  title: '修改成功',
                  icon: 'none',
                  duration: 3000,
                  mask: false,
                  success: function () {
                   //请求成功弹窗

                  },
                })
                
              }else{
                wx.showToast({
                  title: res.data.msg,
                  icon: 'none',
                  duration: 3000,
                  mask: false,
                  success: function () {
                    //请求失败弹窗
                  },
                })
              }
            }, function () {
              //console.log("失败")
            }
          );
        } else if (res.cancel) {
          //console.log('用户点击取消')
        }
      }
    })

  },

input的name值记得写哦------------------ 所有的值都在点击事件的  e对象里面

可以再一次直接拿去用