微信小程序提交表单成功后重置表单

在微信小程序中，当你需要在用户提交表单后自动清空表单的内容以便下次填写，可以利用`onsubmit`事件和`resetFields`方法来实现这个功能。`onsubmit`是在表单提交前触发的事件，而`resetFields`则是用来清空指定或者全部字段的值。

以下是一个简单的示例：

<!-- .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'])`。

相关问题

微信小程序清空表单数据

清空表单数据可以通过以下几个步骤实现：

1. 给表单中的每个组件设置一个唯一的ID，例如：

   <input id="input1" type="text" />
   <textarea id="textarea1"></textarea>
   <checkbox-group id="checkbox-group1"></checkbox-group>
   <radio-group id="radio-group1"></radio-group>
   <picker-view id="picker-view1"></picker-view>
   <switch id="switch1"></switch>

2. 在清空表单数据的按钮的事件处理函数中，使用 `wx.createSelectorQuery()` 获取表单中的所有组件，然后遍历这些组件，将它们的值设置为空或默认值，例如：

   // 获取表单中的所有组件
   wx.createSelectorQuery().selectAll('.form-item').fields({
     id: true,
     dataset: true,
     node: true,
     size: true,
     rect: true
   }, function (res) {
     res.forEach(function (item) {
       switch (item.node.tagName.toLowerCase()) {
         case 'input':
         case 'textarea':
           item.node.value = '';
           break;
         case 'checkbox-group':
         case 'radio-group':
           item.node.value = [];
           break;
         case 'picker-view':
           item.node.setSelectedValue([0]);
           break;
         case 'switch':
           item.node.checked = false;
           break;
       }
     });
   }).exec();

注意，这里使用了类似于 jQuery 的选择器语法 `.form-item` 来选择表单中的组件，需要在每个组件的父元素中添加 `class="form-item"`。

3. 清空表单数据后，需要将表单的验证状态也重置为初始状态，例如：

   // 清空表单数据后重置验证状态
   this.setData({
     isFormValid: true,
     formErrors: {}
   });

这里的 `isFormValid` 和 `formErrors` 是表单验证相关的状态变量，需要根据具体情况进行修改。

微信小程序form表单组件

微信小程序的form表单组件是用于集用户输入信息的组件。它提供了一系列的表单元素，如input、textarea、picker等，可以方便地收集用户的文本、数字、日期等类型的数据。

form组件的基本用法是将需要收集数据的表单元素放在form标签内，当用户点击提交按钮时，会触发form组件的submit事件，开发者可以在事件处理函数中获取用户输入的数据并进行处理。

以下是form组件的一些常用属性和事件：

1. 属性：
- report-submit：是否返回 formId 用于发送模板消息，默认为false。
- report-submit-timeout：当使用了report-submit时，等待提交表单事件返回结果的时间，默认为0。

2. 事件：
- submit：表单提交事件，当用户点击提交按钮时触发。
- reset：表单重置事件，当用户点击重置按钮时触发。

在使用form组件时，需要注意以下几点：
- form组件必须放在page页面的顶层节点中。
- form组件内只能包含以下几种表单元素：input、textarea、checkbox、radio、switch、picker、slider。
- form组件内的checkbox-group和radio-group组件也可以放在form内，但不会触发submit事件。