• 表单提交(微信小程序)


    <form bindsubmit="formSubmit">
    <view class="txt">
    <view class="ima"></view>
    <view class="txt2">姓名</view>
    <input placeholder="请输入姓名" maxlength="10" class="txt3" value="{{mem_name}}" bindchange="name" name="name2"/>
    </view>
    <view class="txt">
    <view class="ima"></view>
    <view class="txt2">身份证号</view>
    <input type="idcard" placeholder="请输入身份证号码" class="txt3" value="{{mem_IDnum}}" bindchange="ID_num" maxlength="18" name="ID_num2"/>
    </view>
    <view style="clear:both"></view>
    <button class="btn" form-type="submit" hover-class="none">完成</button>
    </form>

    page({
    name: function (e) { //获取input输入的值
    var that = this;
    that.setData({
    name: e.detail.value
    })
    },
    ID_num: function (e) { //获取input输入的值
    var that = this;
    that.setData({
    ID_num: e.detail.value
    })
    var id_num = that.data.ID_num
    if (!(id_num.length === 15 || id_num.length === 18)) {
    wx.showToast({
    title: '请输入15或18位数身份证号码',
    image: '../Image/error.png',
    duration: 2000
    })
    }
    },

    formSubmit: function (e) {
    var that = this;
    var tokend = wx.getStorageSync('tokend')
    var name2 = e.detail.value.name2; //获取input初始值
    var ID_num2 = e.detail.value.ID_num2; //获取input初始值
    var name = that.data.name ? that.data.name : name2 //三元运算,如果用户没修改信息,直接提交原来的信息,如果用户修改了信息,就将修改了的信息和未修改过的信息一起提交
    var ID_num = that.data.ID_num ? that.data.ID_num : ID_num2
    wx.request({
    method: 'POST',
    url: 'https://....?token=' + tokend, //接口地址
    data: {
    'name': name,
    'ID_num': ID_num
    },
    header: { 'content-type': 'application/json' },
    success: function (res) {
    wx.showToast({
    title: '资料修改成功',
    image: '../Image/suess.png',
    duration: 2000
    })
    setTimeout(function () {
    wx.switchTab({
    url: '../index/index',
    })
    }, 2000)

    },
    fail: function (res) {
    console.log('cuowu' + ':' + res)
    }
    })
    },
    })

  • 相关阅读:
    Redis使用
    Linux下安装Tomcat
    Linux安装MySQL
    jquery的clone方法bug的修复select,textarea的值丢失
    sql 跨服务器查询数据
    无法执行该操作,因为链接服务器 "xxxxx" 的 OLE DB 访问接口 "SQLNCLI" 无法启动分布式事务
    web服务器决定支持多少人同时在线的因素
    2016最新的中国省市区三级数据库表.sql mssql
    sqlserver2008R2数据库自动备份脚本
    sql server 2008 windows验证改混合登陆中SqlServer身份验证用户名密码
  • 原文地址:https://www.cnblogs.com/weiwentaweb/p/8011548.html
Copyright © 2020-2023  润新知