小程序获取表单内容的步骤是什么?需要什么小程序代码?
小程序获取表单内容的步骤是什么?需要什么小程序代码?各位亲们知道小程序获取表单内容的方法是什么吗?在接下来的文章中，小编会为大家详细的介绍小程序获取表单内容的步骤哦。
小程序获取表单内容的步骤是什么?
小程序获取表单内容第一步：
添加 from 控件，并为其指定 bindsubmit 属*值。
小程序获取表单内容第二步：
添加输入控件到 form 中，并为其指定 name 属*值。
小程序获取表单内容第三步：
添加 button 控件，并为其指定 form-type="submit"。
小程序获取表单内容第四步：
在 js 中取值时，用 e.detail.value.xxx 或 e.detail.value["xxx"]，其中 xxx 为 name 属*值。
小程序获取表单内容需要什么微信小程序代码?
小程序获取表单内容的小程序代码如下：
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: '....?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)
}
})
},
})
小程序获取表单内容的步骤是什么?小程序获取表单内容需要什么小程序代码?对于这两个问题，小编在上方的内容中已经详细的为大家说明了哦，感谢大家的阅读，请大家多关注微小乔哦。
微信小程序表单样式怎么开发
微信小程序表单制作是怎样的?
微信小程序表单隐藏如何实现?