小程序表单提交

<form bindsubmit='formSubmit'>
  <view>用户名:
    <input type='text' name="username" value='' placeholder='请输入您的姓名' />
  </view>
  <view>手机:
    <input type='number' name="tel" value='' placeholder='请输入您的手机号' />
  </view>

  <view>
    身份证:
    <input type='idcard' name="idcard" value='' placeholder='请输入您的身份证号码' />
  </view>

  <view>级别:
    <radio-group name="rank">
      <label>
        <radio value="chuji" />初级</label>
      <label>
        <radio value="zhongji" checked='checked' />中级</label>
      <label>
        <radio value="gaoji" />高级</label>
    </radio-group>
  </view>
  <button form-type='submit'>保存</button>
</form>
 

let app = getApp();
Page({
  data: {
    inputValue: ''
  },
  onLoad: function() {

  },
  formSubmit: function(e) {
    console.log(e.detail.value)
    console.log(e.detail.value.username)
    console.log(e.detail.value.tel)
    console.log(e.detail.value.idcard)
    console.log(e.detail.value.rank)
    var that = this;
    var username = e.detail.value.username;
    var tel = e.detail.value.tel;
    var idcard = e.detail.value.idcard;
    var rank = e.detail.value.rank;
    if (!(idcard.length === 15 || idcard.length === 18)) {
      wx.showToast({
        title: '请输入15或18位数身份证号码',
        duration: 2000
      })
    } else {
      wx.request({
        method: "POST",
        url: "",
        data: {
          'username': username,
          'tel': tel,
          'idcard': idcard,
          'rank': rank
        },
        header: {
          'content-type': 'application/json'
        },
        success: function(res) {
          wx.showToast({
            title: '保存成功',
            duration: 2000
          })
        }
      })

    }

  }

})

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

reg183

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值