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

微信小程序--获取form表单初始值提交数据的更多相关文章

  1. 5 获取Form表单取值

    #form表达提交@app.route("/data",methods=['GET','POST']) #methods 让当前路由支持GET 和 POST 方式def data( ...

  2. 微信小程序基础之表单Form的使用

    表单Form的应用很广泛,我们可以利用form设计登录注册,也可以设计一种答题问卷的形式,今天主要讲一下form的使用 form表单,将组件内输入的"switch","i ...

  3. 微信小程序——仿jqueryValidate表单验证插件WxValidate的二次封装(一)

    在做web开发时,表单验证插件我们前端用的是jqueryValidate,由于个人主要精力是在后台JAVA开发上,为了让插件与后台更好的结合和使用,通过JAVA的自定义组件将表单全部重新写了一边,同时 ...

  4. 微信小程序实战:表单与选择控件的结合

    先上代码. login.wxml <mp-toptips msg="{{error}}" type="error" show="{{error} ...

  5. jquery获取form表单内容以及绑定数据到form表单

    在日常开发的过程中,难免会用到form表单,我们需要获取表单的数据保存到数据库,或者拿到后台的一串json数据,要将数据绑定到form表单上,这里我写了一个基于jquery的,formHelp插件,使 ...

  6. 过滤器中获取form表单或url请求数据

    var httpFormData = filterContext.HttpContext.Request.Form; var logContent = string.Empty; //获取url的 l ...

  7. JS获取form表单所有属性值

    // 得到一个表单里的全部信息function getFormQueryString() { var frmID=document.forms[0]; var i,queryString=" ...

  8. Form 表单用 Ajax 提交数据并用 jQuery Validate 验证

    表单填写需要验证可用插件 jQuery Validate 提交数据使用 Ajax 可操控性得到提到 注意:请自行引入 jQuery 和 jQuery Validate HTML 代码 <form ...

  9. 如何用jquery获取form表单的值

    $(function(){ $('.btn').click(function(){ alert($('#form').serialize()); }) }) 这样就获取到了 #form的值.

随机推荐

  1. Ubuntu 14.04 VPS安装配置***的方法

    #安装*** $ sudo apt-get update $ sudo apt-get install python-gevent python-pip $ sudo pip install shad ...

  2. P2447 [SDOI2010]外星千足虫

    怎么说呢? 因为是在mod 2 意义下的吗(一般是遇到二就可能是位运行算或二分图) 就可以利用异或计算. 因为奇数和偶数在二进制上就用判断最后一位就可以了 然后因为异或符合交换律和结合律 直接消元就可 ...

  3. 【Java-POJO-设计模式】JavaEE中的POJO与设计模式中多态继承的冲突

    最近看<重构>谈到利用OO的多态来优化 if else 和 switch 分支语句,但是我发现OO语法中的多态在使用框架的JavaEE中是无法实践的.对此,我感到十分的疑惑,加之之前项目中 ...

  4. 第43章 RTC—实时时钟—零死角玩转STM32-F429系列

    第43章     RTC—实时时钟 全套200集视频教程和1000页PDF教程请到秉火论坛下载:www.firebbs.cn 野火视频教程优酷观看网址:http://i.youku.com/fireg ...

  5. Java日志框架介绍

    一.序言 日志为系统的必不可少的一部分,通过输出的日志我们可以排查线上出现的各种问题,就像断案的线索一样.我们还可以通过日志数据分析用户的行为习惯做大数据分析. 二.日志框架分类及其历史 框架的种类: ...

  6. ref是什么?

    ref是组件的特殊属性,组件被渲染后,指向组件的一个引用.可以通过组件的ref属性,来获取真实的组件. 因为,组件并不是真正的DOM节点,而是存在于内存中的一种数据结构,称为虚拟的DOM,只有当它真正 ...

  7. Codeforces#498F. Xor-Paths(折半搜索)

    time limit per test 3 seconds memory limit per test 256 megabytes input standard input output standa ...

  8. mariadb源码编译安装及多实例

    准备文件源文件/app/mariadb-10.2.12.tar.gz cd /app/ tar xf mariadb-10.2.12.tar.gz cd  mariadb-10.2.12 mkdir ...

  9. glibc2.12升级至2.15

    1.操作系统版本 [root@localhost ~]# cat /etc/redhat-release #CentOS release 6.9 (Final) 2.当前glibc版本 [root@l ...

  10. laravel 安装excel扩展

    1,使用Composer安装依赖 在Laravel项目根目录下使用Composer安装依赖: composer require maatwebsite/excel ~2.1 ps:一定要加上~2.1! ...