微信小程序form如何提交表单

用表单form的bindsubmit事件提交表单。

需要满足：1输入表单中需要有"name",没有"name"值后台打印为空。仔如顷

2点击的button按钮，念陆橡槐需要设置：form-type="submit"。

index.wxml

index.js

有两种获取方法：

1. 在所有单选按钮组外边套一个 form 组件，并且加一个包含属性 formType="submit" 的

button 按钮，每组单选按钮的 name 使用你的 data-index，团清选择完闭后点击按钮，在

bindsubmit 绑定的方法中可以获取到所有迟或嫌值：

formSubmit(event) {

const values = event.detail.value

const result = Object.keys(values).sort().map(key => values[key])

console.log(result)// 此时的 result 就是一个按顺序(name)排序的

}

2. 使用 radio-group 的 bindchange，设置值时用 data-index 确定位置码手。

准备工具：

微信小程序、微信小程序开发工具、截图工具、WPS、笔记本电脑

具体步骤：

1、双击打开微信小程序开发工具，创建一个微信小程序项目。

2、在pages文件夹下，新建一个模块文件夹，并在该文件夹下新建一个wxml文件

3、在界面中，插入view和form元素，form元素中添加一个输入框和按钮

4、接着在输入框中，添加type属性、name属性和value值，并进行变量绑定握友

5、接着打开页面中的JavaScript文件，data对象中添加username变量，然后添加submitData方法

6、保存代码段橘槐并刷新项目，查看左侧的模拟器，然后在输入框中输入内容

7、点击提交按钮，可以发伍昌现输入框的值被清空了，说明这个清空表单元素数据成功了

---