`formStore.element.submit()` causes page reload at Qwik

[genki]

I would like the form to submit programmatically equivalent to the manual submit.
But I couldn't find the recommended way to do that in document.
So I call the formStore.element.submit() but it reload the page, although the form doesn't reload when to submit manually.
How we can correctly submit the form programmatically with validation and without to reload?

[fabian-hiller]

Did you check if the reload can be prevented by an argument or event.preventDefault()?

[genki]

Sorry for less information.
I made a runnable example here
https://stackblitz.com/edit/modular-forms-qwik-p4noyg?file=src%2Froutes%2Flogin%2Findex.tsx

1. Fill the form and click submit button then the dialog will appear.
2. Focus on the textarea and hit the Command+Enter or Ctrl+Enter then the page will reload.

I would like to simulate the first behaviour for the second case. Is there a way to do that?

[fabian-hiller]

I don't know. Probably I would not use the "submit" function of the <form /> element and call a function directly instead.

[genki]

I see. If I call the function directly, how can I validate the form?

[genki]

For example, this comment form here is possible to submit by hitting Command+Enter with validation.
I would like to have this function for the modular-forms.

[fabian-hiller]

You can call validate: https://modularforms.dev/qwik/api/validate

[genki]

I see, I will use it. Thank you :)

[genki]

@fabian-hiller I have tried to call the validate() but found an issue that the setFieldErrors() and setErrorResponse() are not exported so that we can't set the issues to the form.
How about to make the submit(formStore) method in order to simulate the equivalent action of the manual form submit.

[fabian-hiller]

Oh, yes that's right. I will think about it. Until then, I recommend using validate with setResponse.