微信小程序--获取form表单初始值提交数据

<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)
      }
    })
  },
})
时间: 2024-10-09 07:35:13

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

Form表单Ajax系列化提交数据

页面上有一个商品的颜色尺码二维输入框,输入完毕之后需要把数据进行提交,点击立即购买则进行页面的跳转,通过form表单将数据提交到后台,而点击添加到购物车的话,则会通过ajax进行数据的提交,页面不进行跳转.前台样式: 下面是form表单: <form id="cartForm" action="${ctx}/cart/save" method="post"> <div class="product-page-optio

JS获取form表单所有属性值

// 得到一个表单里的全部信息function getFormQueryString() { var frmID=document.forms[0]; var i,queryString="",and=""; var item; // for each form's object var itemValue; // store each form object's value for(i=0;i<frmID.length;i++) {  item=frmID[

获取form表单元素值的4种方式

<html><head><title></title><script type="text/javascript"> function checkForm(){ var name=document.form1.number.value; //or form1.number.value var name=document.forms[0].number.value; var name=document.forms[0]['num

form表单多值提交

$.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// 你的formid async: false, error: function(request) { alert("Connection error"); }, success: function(data) { $("#commonLayout_appcreshi").

serialize可以获取form表单里面的数值

serialize属性 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src="../jquery-1.12.2.js"></script> 7 </head> 8 <

ubuntu 下CGI c语言 获取form表单的数据

前面文章:使用cgi c 写了一个helloworld 这次 主要使用CGI c语言 获取form表单的数据 1 login.c [email protected]:/usr/lib/cgi-bin$ cat login.c #include<stdio.h> #include<stdlib.h> #include <string.h> int main(){ int i,len=0; char poststr[100]; char m[10],n[10]; char

微信小程序获取输入框(input)内容

微信小程序---获取输入框(input)内容 wxml <input placeholder="请输入手机号码" maxlength="11" type="tel" bindinput="getInput" /> js Page({ data:{ getInput: null }, getInput:function(){//方法1 this.data.getInput = e.detail.value; }, /

微信小程序-获取用户信息和openid,session_key,

1:微信小程序获取用户信息:比如常用的 avatarUrl (用户头像),nickName (用户名称) 等等, (1):获取用户信息调用 wx.getUserInfo 代码如下: 直接请求接口就可以了,随后把数据存放到storage中,下次直接取 就不用再请求接口,, 2:获取 openid (1):请求wx.login 接口,代码如下: url:是微信提供的 appid:是小程序的appid secret:是小程序开发设置的 AppSecret 只要获取到这两项,用户信息可以用于页面,ope

获取form表单默认提交的返回值

1.经常用form表单提交的小伙伴有没有发现,form表单默认的提交是没有返回值的,而且默认提交成功之后是跳转,跳转的action的路径,下面写一下默认的提交如何获取到form表单的返回值json,并且阻止默认的跳转动作. 页面结构见下面: <form target="form" action="" enctype="multipart/form-data" method="post"> <input typ