Modularize the Form onSubmit method about modular-forms

[fabian-hiller]

Thanks for your feedback! I will consider it when rewriting the library at some point in the future.

[fabian-hiller]

Is your motivation to execute different logic when a certain button is clicked?

[danielrkling]

Yes, different logic for each button but sharing the same form/data. For my particular case now it's different api endpoints for saving the data.

[fabian-hiller]

This is already possible. Just use a button with an event handler and check with validate if your form is valid.

<Form>
  <Field>...</Field>

  <button onclick={async () => {
      if (await validate(form)) {
        // ...
      }
  }}>
    Action 1
  </button>
  <button onclick={async () => {
      if (await validate(form)) {
        // ...
      }
  }}>
    Action 2
  </button>
</Form>

[danielrkling]

Right, but if I also want to update the submit states and response state, I am essentially rewriting the entire function that's in the Form onSubmit event. Granted, it's still not that much, but this sparked my idea to just pull it out to its own method.