微信小程序怎么获取form表单中的数据
时间: 2023-05-24 22:07:22 浏览: 1000
微信小程序组件系列:form表单讲解
微信小程序可以通过以下步骤获取form表单中的数据:
1. 在wxml文件中,给form表单加上一个submit事件绑定,例如:
```html
<form bindsubmit="submitForm">
<!-- input -->
<button type="submit">提交</button>
</form>
```
2. 在js文件中,定义submitForm事件函数并获取表单数据,例如:
```javascript
Page({
submitForm: function(event) {
console.log(event); // 打印表单提交事件对象
const formValues = event.detail.value; // 获取表单中的数据
console.log(formValues); // 打印表单数据
}
})
```
3. 表单数据会被封装为一个对象,对象的属性名为input标签的name属性值,属性值为用户输入的内容,例如:
```javascript
{
name: 'Lucy',
age: '18',
gender: 'female'
}
```
这样就可以成功获取表单中的数据了。
阅读全文