zoukankan      html  css  js  c++  java
  • 小程序表单提交

    <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
    })
    }
    })

    }

    }

    })
  • 相关阅读:
    C# 6.0
    C# 4.0
    C# 5.0
    C# 3.0
    C# 2.0
    C# 1.0(2002)
    字典树Trie
    Hadoop——生态体系
    程序是怎样跑起来的
    Redis实战(十七)Redis各个版本新特性
  • 原文地址:https://www.cnblogs.com/xiaoleidiv/p/9714519.html
Copyright © 2011-2022 走看看