报名 并验证from表单 并调用支付接口

const app = getApp()

// pages/activdetail/sign/sign.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    ajxtrue:false,
    sex:""
  },
  // 手机号验证
  blurPhone: function (e) {
    var phone = e.detail.value;
    let that = this
    if (!(/^1[345678]\d{9}$/.test(phone))) {
      this.setData({
        ajxtrue: false
      })
      if (phone.length >= 11) {
        wx.showToast({
          title: '手机号有误',
          icon: 'success',
          duration: 2000
        })
      }
    } else {
      this.setData({
        ajxtrue: true
      })
      console.log('验证成功', that.data.ajxtrue)
    }
  },
  // 年龄验证
  formSubmit: function (e) {
    let ajxtrue = this.data.ajxtrue
    if (ajxtrue == true) {
      //表单提交进行
    } else {
      wx.showToast({
        title: '手机号有误',
        icon: 'success',
        duration: 2000
      })
    }
    var username = e.detail.value.name;
    var age = e.detail.value.age;
    var phone = e.detail.value.phone;
    var sex = e.detail.value.gender
    // mobile
    if (username == "" || age== "" || phone == "") {
      wx.showModal({
        title: '提示',
        content: '请输入完整信息！',
        success: function (res) {
          if (res.confirm) {
            console.log('用户点击确定')
          }
        }
      })
    } else {
      // 发送数据给后台 同时 弹出窗口 跳转页面 并调用login获取code 把后台传回来的两个数据还有code传递给报名成功页面
      wx.request({
        url: app.globalData.urls +"/api/activity/add_user_info",
        method: "POST",
        data: {
          activity_id: this.data.activity_id,
          price:this.data.price,
          username:username,
          age:age,
          sex:sex,
          phone:phone
        },
        header: {
          "content-type": "application/x-www-form-urlencoded",
          'content-type': 'application/json' // 默认值
        },
        success:res=>{
          console.log(res)
          this.setData({
            order_num:res.data.data.order_num,
            price : res.data.data.price
          })
          // const order_num=res.data.data.order_num
          // const price = res.data.data.price
         wx.login({
           success:res=>{
             const code = res.code
             wx.request({
               url: app.globalData.urls +"/api/pay",
               method: "POST",
               data:{
                 code:code,
                 order_num:this.data.order_num,
                 money:this.data.price
               },
               header: {
                 "content-type": "application/x-www-form-urlencoded",
                 'content-type': 'application/json' // 默认值
               },
               success:res=>{
               //调用支付接口一定要写下面代码
                 wx.requestPayment({
                   'timeStamp': res.data.data.timeStamp,
                   'nonceStr': res.data.data.nonceStr,
                   'package': res.data.data.package,
                   'signType': 'MD5',
                   'paySign': res.data.data.paySign,
                   'success': function (res) {
                     if(res.errMsg){
                       wx.showToast({
                         title: '支付成功',
                       })
                     }
                   },
                   'fail': function (res) {
                     if(res.errMsg){
                       wx.showToast({
                         title: '支付失败',
                       })
                     }
                   }
                 });
               }
             })
           }
         })
        }
      })
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   this.setData({
     activity_id:options.id,
     price:options.price
   })
  
  },

作者：前端阿龙

链接：https://blog.csdn.net/weixin_42790916/article/details/82700276

来源：CSDN
著作权归作者所有，转载请联系作者获得授权，切勿私自转载。