小程序from表单重置数据
时间: 2023-09-28 16:12:26 浏览: 305
JavaScript实现重置表单(reset)的方法
5星 · 资源好评率100%
可以使用 `form.reset()` 方法来重置表单数据,该方法会清除表单中所有的输入值,并将表单的状态重置为初始状态。
在小程序中,可以在 form 组件上添加一个按钮,并在按钮的 `bindtap` 事件中调用 form 的 `reset` 方法,如下所示:
```html
<form bindsubmit="submitForm" bindreset="resetForm">
<!-- 表单内容 -->
<button type="reset" form-type="reset">重置</button>
</form>
```
在按钮的 `type` 属性中,需要指定为 `reset`,以便触发表单的重置操作。在按钮的 `bindtap` 事件中,可以添加一个 `resetForm` 方法来调用 form 的 `reset` 方法,如下所示:
```javascript
Page({
resetForm: function () {
const form = this.selectComponent('#myForm');
form.reset();
},
// 其他代码
})
```
在 `resetForm` 方法中,先通过 `selectComponent` 方法获取到 form 组件的实例,然后调用其 `reset` 方法即可重置表单数据。
阅读全文