Event Listeners & Handlers

form.addEventListener('submit', async (e) => {
  e.preventDefault();
  try {
    await submitData();
  } catch (err) {
    e.target.submit();
  }
});

Nothing, it's correct usage
It can cause an infinite loop
Calling form.submit() or e.target.submit() within a submit event handler can cause an infinite loop because it triggers another submit event, which runs the handler again. To properly handle form submission after async operations, either use a flag to prevent recursion, modify the form's action attribute, or use fetch/XMLHttpRequest directly. Additionally, form.submit() bypasses form validation and doesn't trigger submit events.
submit() is not a valid method
It bypasses form validation