FormData()触发后清空

可以使用 `reset()` 方法来清空 `FormData` 对象，例如：

const myForm = document.getElementById('myForm');
myForm.reset();

这将清空表单中所有输入框、下拉框、单选框和复选框中的数据，并将表单恢复到其初始状态。请注意，这不会清空隐藏字段或禁用字段中的数据。

相关问题

uniapp触发必填项校验填写内容后必填项校验没有消失

在UniApp中，如果你想要实现表单的必填项验证，通常会在数据绑定的元素上设置`v-model`属性，并利用Vue的内置指令如`:required`来标记哪些字段是必填的。当你在输入框中填写了内容并提交时，如果没有满足必填条件，Vue会自动显示相应的提示信息。

例如，假设你有一个名为`name`的输入框：

<input v-model="formData.name" :required="true">

在JavaScript部分，`formData`是一个包含用户输入的数据对象：

data() {
  return {
    formData: {
      name: '',
    },
    // 其他数据...
  };
},
methods: {
  submitForm() {
    if (!this.formData.name) {
      alert('名称不能为空');
      // 或者你可以阻止默认的提交行为
      return false;
    }
    // 提交表单...
  },
}

当你在`name`字段输入内容后，除非清空该字段，否则`submitForm`方法中的校验将会生效。如果不清除内容直接提交，Vue的提示将不会消失，直到验证通过为止。如果你希望在输入后立即清除错误提示，可以在`input`事件处理器中更新状态并检查是否合格。

清空form 表单的方法

清空 `form` 表单有以下几种方法：

1. 使用 `form` 的 `reset()` 方法，这个方法会将表单所有控件的值重置为初始值，但不会清除掉提交的数据，同时还会触发 `reset` 事件。

   document.getElementById("myForm").reset();

2. 通过遍历所有表单元素并将其值设置为空字符串的方法来清空表单。

   const form = document.getElementById("myForm");
   const elements = form.elements;
   for (let i = 0; i < elements.length; i++) {
     if (elements[i].type !== "submit") {
       elements[i].value = "";
     }
   }

3. 使用 `FormData` 对象来清空表单。`FormData` 对象可以通过 `form` 元素来创建，然后可以使用 `delete()` 方法来删除表单中的值。

   const form = document.getElementById("myForm");
   const formData = new FormData(form);
   for (let pair of formData.entries()) {
     formData.delete(pair[0]);
   }

以上三种方法都可以清空表单，具体使用哪种方法取决于你的需求。