加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 19:51:43 所属栏目:资源 来源:网络整理
导读:报名 并验证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 (!

报名 并验证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: '手机号有误',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",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
    })

},

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读