微信小程序提交表单成功后重置表单
时间: 2024-11-05 11:29:23 浏览: 7
微信小程序---提交表单后清空输入框
在微信小程序中,当你需要在用户提交表单后自动清空表单的内容以便下次填写,可以利用`onsubmit`事件和`resetFields`方法来实现这个功能。`onsubmit`是在表单提交前触发的事件,而`resetFields`则是用来清空指定或者全部字段的值。
以下是一个简单的示例:
```javascript
<!-- .wxml -->
<form bindsubmit="submitForm">
<view>
<!-- 表单元素,如 input、textarea 等 -->
</view>
</form>
<!-- .js -->
Page({
data: {
// 表单数据
},
submitForm: function(e) {
// 提交表单的业务处理...
wx.resetFields(); // 这里调用 resetFields 清空表单
// 如果有其他操作,例如跳转到新的页面
this导航至另一个页面();
}
})
```
在这个例子中,当用户点击提交按钮时,`submitForm`函数会被调用。首先进行表单验证和提交数据的操作,然后通过`wx.resetFields()`清除所有已填写的数据。如果希望只清空部分字段,可以传递字段名数组给`resetFields`,比如`wx.resetFields(['field1', 'field2'])`。
阅读全文