微信小程序-form表单提交代码实例

是否公开信息

⼿机号

密码

性别

男

⼥

提交 重置

{{warn ? warn : \"是否公开信息：\"+isPub+\"，⼿机号：\"+phone+\"，密码：\"+pwd+\"，性别：\"+sex}}

css代码

.section{

display: flex;

flex-direction: row; margin: 20rpx;}

.section view{

margin-right: 20rpx;}

.btn-area{

margin: 20rpx;}

button{

margin: 10rpx 0;}

js代码

let app = getApp();Page({ data: {

isSubmit: false, warn: \"\ phone: \"\ pwd: \"\

isPub: false, sex: \"男\" },

formSubmit: function (e) {

console.log('form发⽣了submit事件，携带数据为：', e.detail.value); let { phone, pwd, isPub, sex } = e.detail.value; if (!phone || !pwd) { this.setData({

warn: \"⼿机号或密码为空！\

isSubmit: true })

return; }

this.setData({ warn: \"\

isSubmit: true, phone, pwd, isPub, sex }) },

formReset: function () {

console.log('form发⽣了reset事件') }})

以上所述是⼩编给⼤家介绍的微信⼩程序-form表单提交详解整合，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！