Welcome to Software Development on Codidact!

Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.

Review Suggested Edit

You can't approve or reject suggested edits because you haven't yet earned the Edit Posts ability.

Applying backend behavior to an HTML form with JavaScript?

A common way to apply backend behavior to an HTML `<form>` is:
```html
action="/behavior.php" method="POST"
```
If one applies JavaScript on a form and uses `preventDefault()` than the default behavior of that form (including `action="/behavior.php" method="POST"`) is prevented and some JavaScript way to apply backend for a form is needed.
How to apply backend behavior to a form with JavaScript?
If it matters, in MDN "[Using Fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch)" and [HTMLFormElement.submit()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit) I didn't find any code example to "simulate" (especially with **Ajax**) that attribute-value behavior.

A common way to apply backend behavior to an HTML `<form>` is:
```html
action="/behavior.php" method="POST"
```
If one applies JavaScript on a form and uses `preventDefault()` then the default behavior of that form (including `action="/behavior.php" method="POST"`) is prevented and some JavaScript way to apply backend for a form is needed.
How to apply backend behavior to a form with JavaScript?
If it matters, in MDN "[Using Fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch)" and [HTMLFormElement.submit()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit) I didn't find any code example to "simulate" (especially with **Ajax**) that attribute-value behavior.

javascript contact-form

Communities

Review Suggested Edit