# \[Support Guide\] I don't see form submissions when using JavaScript

**URL:** <https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86>\
**Category:** Support Guides\
**Tags:** netlify-forms, support-guide\
**Created:** [February 11, 2019, 3:47pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86 "2019-02-11T15:47:17Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dennis](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/dennis/32/34_2.png) [@Dennis](https://answers.netlify.com/u/Dennis)\
**Post date:** [February 11, 2019, 3:47pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/1 "2019-02-11T15:47:17Z")

</div>

_Last reviewed by Netlify Support: July 2025_

## I have a form rendered using JavaScript, but it’s not submitting. What’s going on?

There are a few things to consider when using JavaScript with a Netlify-handled form:

1. If you have rendered your form using JavaScript and are **not** using a Static Site Generator (or, your generator does not render it down to HTML such as Gatsby/React does), you will need to make sure you have a hidden, pure HTML version of your form somewhere in your site.

2. If you have defined your form using JavaScript, but **are _not_ using JavaScript to submit the form** , you will need to add the following hidden field as laid out [here](https://docs.netlify.com/forms/setup/#work-with-javascript-rendered-forms):

3. **If you _are_ using JavaScript to submit your form** , you’ll need to make sure that the form data being sent has the exact same fields (the `name=`, including spelling and punctuation, must be identical) as in the HTML version. Don’t forget to include the `form-name` field as mentioned above!

JavaScript opens up a lot of possibilities; awesome, right?

If you have any other questions, please leave us a comment below 🙂

---

<div class="post-metadata">

**Author:** ![evvvritt](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/evvvritt/32/1372_2.png) [@evvvritt](https://answers.netlify.com/u/evvvritt)\
**Post date:** [June 21, 2019, 4:41pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/3 "2019-06-21T16:41:39Z")

</div>

> **Update** - setting the resource/url parameter for `fetch()` to the active redirect base successfully records the form submission in Netlify:  
> `fetch('/en', ...)`

Hi! thanks for the post. I’m able to submit via JS fetch() (without a honeypot field even), but when I enable the following language based redirects the submissions don’t go through. Any thoughts? Thanks!

```auto
// _redirects
/ /es 302 Language=es
/ /en 302

```

```auto
// submit via fetch()
netlifyFormSubmit (name, data) {
  const encode = (data) => {
    return Object.keys(data)
      .map(key => encodeURIComponent(key) + '=' + encodeURIComponent(data[key]))
      .join('&')
  }
  return fetch('/', {
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    body: encode({ 'form-name': name, ...data })
  })
}

```

---

<div class="post-metadata">

**Author:** ![fool](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/fool/32/37_2.png) [@fool](https://answers.netlify.com/u/fool)\
**Post date:** [June 24, 2019, 9:31pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/4 "2019-06-24T21:31:55Z")

</div>

Could you link us to your form in production so we can see it in action, @evvvritt ? Hard to tell what is happening without more context - such as the meaning of “don’t go through” - HTTP 404? missing submissions? Empty submissions?

Knowing where to find your form would help us out a lot. If you don’t want to post the URL here, you could say “netlify site ID # X and the form is at /path on deploy ID Y”. You can find the site ID on the general settings page, and the deploy ID will be in the URL from the logs for the deploy you were testing on (last component: [Netlify App](https://app.netlify.com/site/deploys/Y)).

---

<div class="post-metadata">

**Author:** ![NikolaiLadeklar](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/nikolailadeklar/32/13645_2.png) [@NikolaiLadeklar](https://answers.netlify.com/u/NikolaiLadeklar)\
**Post date:** [July 1, 2020, 2:50pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/12 "2020-07-01T14:50:49Z")

</div>

Hello, I´m deploying my first site through Netlify these days. I´m currently having a html form that gets some additional select/option elements from the DOM depending on what they have searched on. My form submits to Netlify, but I cant get the additional JS elements to submit its value and I dont get where I should add the `<input type="hidden" name="form-name" value="contact" />` as stated above. What am I missing?

Thanks,  
Nikolai

---

<div class="post-metadata">

**Author:** ![luke](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/luke/32/39_2.png) [@luke](https://answers.netlify.com/u/luke)\
**Post date:** [July 2, 2020, 9:12am UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/13 "2020-07-02T09:12:17Z")

</div>

Hi, @NikolaiLadeklar, when a site is deployed with our service there is post processing which occurs. During this post processing any HTML `<form>` tags are processed and a backend handler is created to receive the form submisstions.

The handlers will only access fields defined in the HTML it processed. All other fields are silently dropped.

The solution for this is to have the HTML version of the form contain all possible fields. If this is done, the handler will be able to accept all field. Missing fields are allow but undefined fields are ignored.

If there are other questions about this, please let us know.

---

<div class="post-metadata">

**Author:** ![NikolaiLadeklar](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/nikolailadeklar/32/13645_2.png) [@NikolaiLadeklar](https://answers.netlify.com/u/NikolaiLadeklar)\
**Post date:** [July 2, 2020, 4:51pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/14 "2020-07-02T16:51:33Z")

</div>

Great, thanks for the clarification!

---

<div class="post-metadata">

**Author:** ![bwickerson](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/bwickerson/32/19677_2.png) [@bwickerson](https://answers.netlify.com/u/bwickerson)\
**Post date:** [August 5, 2020, 9:01pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/15 "2020-08-05T21:01:41Z")

</div>

I have a stateful react form with a static html hidden form, and all my fields are submitting successful except for one, which uses props to pass data into the value. Please check it out at this thread =\> [Pass a hidden input value with stateful React form](https://answers.netlify.com/t/pass-a-hidden-input-value-with-stateful-react-form/19875)

---

<div class="post-metadata">

**Author:** ![jen](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/jen/32/6044_2.png) [@jen](https://answers.netlify.com/u/jen)\
**Post date:** [August 7, 2020, 8:06pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/16 "2020-08-07T20:06:08Z")

</div>

We managed to get that one ⤴ figured out 🎉 Check out the linked thread if you’re having trouble with something similar.

---

<div class="post-metadata">

**Author:** ![Adrian\_Parr](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/adrian_parr/32/17032_2.png) [@Adrian\_Parr](https://answers.netlify.com/u/Adrian_Parr)\
**Post date:** [February 25, 2021, 12:18pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/21 "2021-02-25T12:18:55Z")

</div>

Hi Luke,

Could there be a delay between ‘building’ a site, and ‘post processing any HTML forms’ ?

I have added an HTML form, but it doesn’t appear to be picked up in the build logs and it doesn’t appear in the Netlify UI.

The site URL is …

> **[ALI HEARN | STUDIOS](https://alihearn.com)**
>
> Breathtakingly Beautiful Spaces. We're a full-service design studio creating bespoke interiors for our clients, worldwide.

And the HTML page with the form (just so that Netlify will detect it, it’s not linked to) …

[https://alihearn.com/netlify-needs-this-to-detect-the-subscribe-form/](https://alihearn.com/netlify-needs-this-to-detect-the-subscribe-form/)

Cheers,

Adrian

---

<div class="post-metadata">

**Author:** ![Adrian\_Parr](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/adrian_parr/32/17032_2.png) [@Adrian\_Parr](https://answers.netlify.com/u/Adrian_Parr)\
**Post date:** [February 25, 2021, 12:28pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/22 "2021-02-25T12:28:56Z")

</div>

Ok, I got it to work by changing the ‘action’ attribute from …

action=“[Subscribe Thanks | ALI HEARN | STUDIOS](https://alihearn.com/subscribe-thanks/)”

… to just …

action=“/subscribe-thanks/”

Cheers,

Adrian

---

<div class="post-metadata">

**Author:** ![luke](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/luke/32/39_2.png) [@luke](https://answers.netlify.com/u/luke)\
**Post date:** [February 26, 2021, 5:49am UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/23 "2021-02-26T05:49:19Z")

</div>

Thanks for sharing your solution, @Adrian_Parr.

---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/system/32/13_2.png) [@system](https://answers.netlify.com/u/system)\
**Post date:** [December 30, 2021, 7:11am UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/32 "2021-12-30T07:11:51Z")

</div>

Automatically bumped on December 30, 2021, 7:11am UTC



---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/system/32/13_2.png) [@system](https://answers.netlify.com/u/system)\
**Post date:** [February 20, 2022, 1:10pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/33 "2022-02-20T13:10:26Z")

</div>

Automatically bumped on February 20, 2022, 1:10pm UTC



---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/system/32/13_2.png) [@system](https://answers.netlify.com/u/system)\
**Post date:** [April 19, 2022, 9:07pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/34 "2022-04-19T21:07:33Z")

</div>

Automatically bumped on April 19, 2022, 9:07pm UTC



---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/system/32/13_2.png) [@system](https://answers.netlify.com/u/system)\
**Post date:** [June 24, 2022, 5:32am UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/36 "2022-06-24T05:32:39Z")

</div>

Automatically bumped on June 24, 2022, 5:32am UTC



---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/system/32/13_2.png) [@system](https://answers.netlify.com/u/system)\
**Post date:** [August 26, 2022, 12:58pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/37 "2022-08-26T12:58:18Z")

</div>

Automatically bumped on August 26, 2022, 12:58pm UTC



---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/system/32/13_2.png) [@system](https://answers.netlify.com/u/system)\
**Post date:** [November 2, 2022, 9:15pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/38 "2022-11-02T21:15:53Z")

</div>

Automatically bumped on November 2, 2022, 9:15pm UTC



---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/system/32/13_2.png) [@system](https://answers.netlify.com/u/system)\
**Post date:** [January 8, 2023, 4:34am UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/39 "2023-01-08T04:34:43Z")

</div>

Automatically bumped on January 8, 2023, 4:34am UTC



---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/system/32/13_2.png) [@system](https://answers.netlify.com/u/system)\
**Post date:** [March 16, 2023, 1:55pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/40 "2023-03-16T13:55:15Z")

</div>

Automatically bumped on March 16, 2023, 1:55pm UTC



---

<div class="post-metadata">

**Author:** ![system](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/system/32/13_2.png) [@system](https://answers.netlify.com/u/system)\
**Post date:** [May 22, 2023, 9:31pm UTC](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86/41 "2023-05-22T21:31:21Z")

</div>

Automatically bumped on May 22, 2023, 9:31pm UTC



[Next page](https://answers.netlify.com/t/support-guide-i-dont-see-form-submissions-when-using-javascript/86.md?page=2)
