E企盈营销工具技术服务商 热线:4006-838-530

兴平市E企盈小程序wx小程序表单提交

文章参考

    wx小程序 form 组件wx小程序 button组件

事件说明button formType="submit"提交/buttonbutton formType="reset"重置/button

案例说明!-- view class="" style="height:100%;" --view class="" style=""  form bindsubmit="formSubmit" bindreset="formReset" report-submit="true"    view class="section section_gap"      view class="section__title"是否公开信息/view      switch name="isPub" /    /view    view class="section"      view class="section__title"手机号/view      input name="phone" placeholder="手机号" /    /view    view class="section"      view class="section__title"密码/view      input name="pwd" placeholder="密码" password/    /view    view class="section section_gap"      view class="section__title"性别/view      radio-group name="sex"        label          radio value="男" checked/男/label        label          radio value="女" /女/label      /radio-group    /view    view class="section section_gap"      view class="section__tit开通雕花布洛克小程序电话:4006-838-530le"checkbox/view      checkbox-group name="hobbies"        label          checkbox value="basketball" /篮球/label        label          checkbox value="football" /足球/label      /checkbox-group    /view    view class="btn-area"      button formType="submit"提交/button      button formType="reset"重置/button    /view  /form  view wx:if="{{isSubmit}}"    {{warn ? warn : "是否公开信息:"+isPub+",手机号:"+phone+",密码:"+pwd+",性别:"+sex+ "爱好:" + hobbies }}  /view/view

report-submit=“true” 或者开通皮肤衣小程序电话:4006-838-530   report-submit=”{{true}}”  表示返回 formId 用于发送模板消息

Page({  /**   * 页面的初始数据   */  data: {    isSubmit: false,    warn: "",    phone: "",    pwd: "",    isPub: false,    sex: "男",    hobbies: []  },  backTopAction: function () {    wx.pageScrollTo({      scrollTop: 0,    })  },  formSubmit: function(e) {    console.log('form发生了submit事件,携带数据为:', e.detail.value);    debugger    // 定义变量,从e.detail.value 中获取值,ES6的语法,在react中常用    let {phone, pwd, isPub, sex, hobbies} = e.detail.value;    if (!phone || !pwd) {      this.setData({        warn: "手机号或密码为空!",        isSubmit: true      })      return;    }    this.setData({      warn: "",      isSubmit: true,      phone,      pwd,      isPub,      sex,      hobbies    })  },  formReset: function() {    console.log('form发生了reset事件');    this.setData({      isSubmit: false    })  },  /**   * 页面相关事件处理函数--监听用户下拉动作   */  onPullDownRefresh: function() {    console.log("onPullDownRefresh");//停止当前页面下拉刷新。    wx.stopPullDownRefresh()  },  /**   * 页面上拉触底事件的处理函数   */  onReachBottom: function() {    console.log("onReachBottom")  },  /**   * 用户点击右上角分享   */  onShareAppMessage: function() {    console.log("onShareAppMessage")  },  // 滚动条滑动触发的事件  onPageScroll: function (resObj开通少女文胸小程序电话:4006-838-530) {    // console.log("onPageScroll")    // console.log(resObj.scrollTop);  },})

    e.detail.formId获取formId 的值e.detail.value 获取表单提交的值
赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 兴平市E企盈小程序wx小程序表单提交
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏