微信小程序表单数据提交服务器,微信小程序-form表单提交

效果

image

html代码

是否公开信息

手机号

密码

性别

男

女

提交

重置

{{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事件')

}

})