There no public method to reset form after submission. You need to write your own one to show the form again.

Hi Dac, thank you for your reply.

I have identified two elements that needs to be updated after submitting:

• .Form__Status__Message
  Need to remove all css classes and add back .Form__Status__Message and .hide

• Form__MainBody
  Needs to remove the style attribute (alternatively just remove the display style)

Do you see any other areas that should be updated as well, or any potential issues in resetting the form like this?

Hi,

If your form is sinlge step, I think it is ok. But if you implment progressive submit (multi step in multi page), you also should care about cookies.

@Jay Wilkinson this is the javascript code we ended up with:

resetForm(formContainer) {
  if (formContainer) {
    var formStatusMessage = formContainer.querySelector(".Form__Status__Message");
    var formMainBody = formContainer.querySelector(".Form__MainBody");
    var inputFields = formContainer.querySelectorAll(".ValidationSuccess");

    if (formStatusMessage) {
      this.clearClasses(formStatusMessage);
      formStatusMessage.classList.add("Form__Status__Message", "hide");
    }

    if (formMainBody) {
      formMainBody.removeAttribute("style");
    }

    if (inputFields) {
      for (var i = 0; i < inputFields.length; ++i) {
        inputFields[i].classList.remove("ValidationSuccess");
      }
    }
  }
}

clearClasses(element) {
  var cl = element.classList;
  for (var i = cl.length; i > 0; i--) {
    cl.remove( cl[0] );
  }
}