Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Users Search
Help Dashboard Sign In Sign Up
Q&A Code Reviews Meta
Q&A
Posts Tags Edits
Ask Question

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.

Post History

66%
+2 −0
Q&A Uncaught TypeError: Failed to construct 'FormData'

Your Javascript code uses the following selector for the document.querySelector(...) invocation: #prcf_form The selector string starting with an # indicates an ID selector, with the actual ID f...

posted 3y ago by elgonzo‭  ·  edited 3y ago by elgonzo‭

Answer
#15: Post edited by user avatar elgonzo‭ · 2021-12-10T13:29:54Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily and quickly notice the issue with _querySelector(...)_ if you were to take advantage of the diagnostics and debugging tools modern web browsers offer and inspect the variable values and the values returned by the functions your Javascript code calls.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • `<form id="#prcf_form">` --> `<form id="prcf_form">`
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily and quickly notice the issue with _querySelector(...)_ if you were to take advantage of the diagnostics and debugging tools modern web browsers offer and inspect the variable values and the values returned by the functions your Javascript code calls.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_":
  • `<form id="#prcf_form">` --> `<form id="prcf_form">`,
  • allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#14: Post edited by user avatar elgonzo‭ · 2021-12-10T13:28:36Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily and quickly notice the issue with _querySelector(...)_ if you were to take advantage of the diagnostics and debugging tools modern web browsers offer and inspect the variable values and the values returned by the functions your Javascript code calls.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • `<form id="#prcf_form">` --> `<form id="prcf_form">`
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily and quickly notice the issue with _querySelector(...)_ if you were to take advantage of the diagnostics and debugging tools modern web browsers offer and inspect the variable values and the values returned by the functions your Javascript code calls.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • `<form id="#prcf_form">` --> `<form id="prcf_form">`
#13: Post edited by user avatar elgonzo‭ · 2021-12-10T13:28:14Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily and quickly notice the issue with _querySelector(...)_ if you were to take advantage of the diagnostics and debugging tools modern web browsers offer and inspect the variable values and the values returned by the functions your Javascript code calls.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily and quickly notice the issue with _querySelector(...)_ if you were to take advantage of the diagnostics and debugging tools modern web browsers offer and inspect the variable values and the values returned by the functions your Javascript code calls.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • `<form id="#prcf_form">` --> `<form id="prcf_form">`
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#12: Post edited by user avatar elgonzo‭ · 2021-12-10T12:10:12Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily and quickly notice the issue with _querySelector(...)_ if you would inspect its return value by taking advantage of the debugging tools modern web browsers offer.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily and quickly notice the issue with _querySelector(...)_ if you were to take advantage of the diagnostics and debugging tools modern web browsers offer and inspect the variable values and the values returned by the functions your Javascript code calls.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#11: Post edited by user avatar elgonzo‭ · 2021-12-10T12:08:13Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily notice the issue with _querySelector(...)_ if you would inspect its return value by taking advantage of the debugging tools modern web browsers offer.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily and quickly notice the issue with _querySelector(...)_ if you would inspect its return value by taking advantage of the debugging tools modern web browsers offer.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#10: Post edited by user avatar elgonzo‭ · 2021-12-10T12:07:46Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (You would relatively easily notice the issue with _querySelector(...)_ if you would inspect its return value by taking advantage of the debugging tools modern web browsers offer.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (Tangent: You would relatively easily notice the issue with _querySelector(...)_ if you would inspect its return value by taking advantage of the debugging tools modern web browsers offer.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#9: Post edited by user avatar elgonzo‭ · 2021-12-10T12:07:25Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (You would relatively easily notice the issue querySelector(...) if you would inspect its return value by taking advantage of the debugging tools modern web browsers offer.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (You would relatively easily notice the issue with _querySelector(...)_ if you would inspect its return value by taking advantage of the debugging tools modern web browsers offer.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#8: Post edited by user avatar elgonzo‭ · 2021-12-10T12:06:58Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • (You would relatively easily notice the issue querySelector(...) if you would inspect its return value by taking advantage of the debugging tools modern web browsers offer.)
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#7: Post edited by user avatar elgonzo‭ · 2021-12-10T11:59:49Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element.
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#6: Post edited by user avatar elgonzo‭ · 2021-12-10T11:58:48Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_ constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a possible solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#5: Post edited by user avatar elgonzo‭ · 2021-12-10T11:58:10Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the leading `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#4: Post edited by user avatar elgonzo‭ · 2021-12-10T11:57:30Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_constructor will fail, because your document.querySelector("#prcf_form") won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", and hopefully at least the _FormData_ object should be constructed successfully.
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_constructor will fail, because `document.querySelector("#prcf_form")` won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", allowing `document.querySelector("#prcf_form")` to find the form element, and hopefully at least the _FormData_ object will be constructed successfully.
#3: Post edited by user avatar elgonzo‭ · 2021-12-10T11:56:07Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "prcf_form"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_constructor will fail, because your document.querySelector("#prcf_form") won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", and hopefully at least the _FormData_ object should be constructed successfully...
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "_prcf_form_"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_constructor will fail, because your document.querySelector("#prcf_form") won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", and hopefully at least the _FormData_ object should be constructed successfully.
#2: Post edited by user avatar elgonzo‭ · 2021-12-10T11:55:36Z (about 3 years ago)
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an # indicates an ID selector, with the actual ID following the #.
  • So, your Javascript code is trying to select and get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "prcf_form"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_constructor will fail, because your document.querySelector("#prcf_form") won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", and hopefully at least the _FormData_ object should be constructed successfully...
  • Your Javascript code uses the following selector for the document.querySelector(...) invocation:
  • ```
  • #prcf_form
  • ```
  • The selector string starting with an `#` indicates an ID selector, with the actual ID following the `#`. Note that in a selector string, the `#` is **not** part of the ID to be searched.
  • So, your Javascript code is trying to get an element with the ID "_prcf_form_".
  • But, where in your HTML do you have an element with the ID "prcf_form"? There is none...
  • Therefore, it should be reasonably expected that the _FormData_constructor will fail, because your document.querySelector("#prcf_form") won't find any element, and a FormData cannot be constructed based on a non-existing form element?
  • Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".
  • "_#prcf_form_" != "_prcf_form_"
  • As a solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", and hopefully at least the _FormData_ object should be constructed successfully...
#1: Initial revision by user avatar elgonzo‭ · 2021-12-10T11:54:04Z (about 3 years ago) 
Your Javascript code uses the following selector for the document.querySelector(...) invocation:
```
#prcf_form
```
The selector string starting with an # indicates an ID selector, with the actual ID following the #.

So, your Javascript code is trying to select and get an element with the ID "_prcf_form_".

But, where in your HTML do you have an element with the ID "prcf_form"? There is none...


Therefore, it should be reasonably expected that the _FormData_constructor will fail, because your document.querySelector("#prcf_form") won't find any element, and a FormData cannot be constructed based on a non-existing form element?


Note that the ID of your form element is "_#prcf_form_", but your querySelector() invocation looks for an element with the ID "_prcf_form_".

"_#prcf_form_" != "_prcf_form_"


As a solution, i suggest to change the form element ID from "_#prcf_form_" to "_prcf_form_", and hopefully at least the _FormData_ object should be constructed successfully...