Quick answer : append the form to the body.
document.body.appendChild(form);
Or, if you’re using jQuery as above: $(document.body).append(form);
Details : According to the HTML standards, if the form is not associated to the browsing context(document), the form submission will be aborted.
HTML SPEC see 4.10.21.3.2
In Chrome 56, this spec was applied.
Chrome code diff see @@ -347,9 +347,16 @@
P.S about your question #1. In my opinion, unlike ajax, form submission causes instant page move.
So, showing ‘deprecated warning message’ is almost impossible.
I also think it’s unacceptable that this serious change is not included in the feature change list. Chrome 56 features – www.chromestatus.com/features#milestone%3D56
Related Posts:
- Getting Error “Form submission canceled because the form is not connected”
- Error OPTIONS net::ERR_CONNECTION_REFUSED
- Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
- Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
- How to use jQuery in chrome extension?
- Disable Chrome strict MIME type checking
- Chrome/jQuery Uncaught RangeError: Maximum call stack size exceeded
- “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
- How do I redirect to another webpage?
- jQuery append() vs appendChild()
- ReferenceError: $ is not defined
- Toggle show/hide on click with jQuery
- Chrome sendrequest error: TypeError: Converting circular structure to JSON
- jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
- How to create a jQuery function (a new jQuery method or plugin)?
- Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function
- Scroll to an element with jQuery
- Cannot open local file – Chrome: Not allowed to load local resource
- jQuery.click() vs onClick
- Scroll to an element with jQuery
- Download File Using JavaScript/jQuery
- What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
- Setting “checked” for a checkbox with jQuery
- Uncaught TypeError: Cannot read property ‘length’ of undefined
- Jquery : Refresh/Reload the page on clicking a button
- Check if element exists in jQuery
- Checking a Url in Jquery/Javascript
- Uncaught TypeError: $.post is not a function
- When and why to ‘return false’ in JavaScript?
- querySelector vs. getElementById
- How to generate a simple popup using jQuery
- jQuery Ajax File Upload
- How can I quickly retrieve a value from a MapIterator returned from Object.keys function?
- AJAX response error: net::ERR_EMPTY_RESPONSE
- XML Parsing Error: no root element found Location in Console FF
- document.getElementByID is not a function
- Moment js date time comparison
- Understanding how data-dismiss attribute works in Bootstrap
- Add table row in jQuery
- Create table with jQuery – append
- How to create a JQuery Clock / Timer
- When is JavaScript synchronous?
- How to reset a form using jQuery with .reset() method
- Access Control Request Headers, is added to header in AJAX request with jQuery
- Mismatched anonymous define() module
- How to set ‘X-Frame-Options’ on iframe?
- Convert UTC date time to local date time
- Obtain form input fields using jQuery?
- Play an audio file using jQuery when a button is clicked
- How can I get the last character in a string?
- Load image with jQuery and append it to the DOM
- Jquery button click() function is not working
- Change text on hover, then return to the previous text
- How to define Global Arrays?
- jQuery make global variable
- How to send email by using javascript or jquery
- How do I check whether a checkbox is checked in jQuery?
- jQuery count child elements
- How do I check if an element is hidden in jQuery?
- Uncaught Reference Error: stLight is not defined (in Chrome only)
- jQuery equivalent of querySelector
- Convert normal date to unix timestamp
- Load Image from javascript
- jQuery replace one class with another
- Clearing my form inputs after submission
- Changing the image source using jQuery
- Reload an iframe with jQuery
- How to manage a redirect request after a jQuery Ajax call
- Get the Highlighted/Selected text
- Video auto play is not working in Safari and Chrome desktop browser
- How to get the children of the $(this) selector?
- window.onload vs $(document).ready()
- jQuery scrollTop() method not working
- How to change the text of a label?
- How to check ‘undefined’ value in jQuery
- Data column(s) for axis #0 cannot be of type string in google chart dashboard [duplicate]
- Jquery Value match Regex
- Uncaught TypeError: Cannot read property ‘toLowerCase’ of undefined
- Using “×” word in html changes to ×
- How to check if the URL contains a given string?
- How to force JavaScript to deep copy a string?
- How to go to a URL using jQuery?
- How to close a window using jQuery
- What is the non-jQuery equivalent of ‘$(document).ready()’?
- Changing the selected option of an HTML Select element
- How to scroll to top of page with JavaScript/jQuery?
- Change the selected value of a drop-down list with jQuery
- jQuery .animate() not working
- Adding JavaScript to a WordPress website
- Tinymce.js editor in Chrome?
- JQuery not loading
- Uncaught TypeError: jQuery(…).slider is not a function
- How to load Javascript code or functions.php later in a child theme?
- Can’t get rid of JQMIGRATE: Migrate is installed, version 3.3.2. Manually updated all the libralies and site. 5.8.2
- Get the ID of a page in Parent combobox in editor
- “jQuery Not Defined” Error When Connecting to PayPal
- Fade-in Fade-out doesn’t work in WordPress
- Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
- Uncaught ReferenceError: tippy is not defined
- Error – Uncaught TypeError: e.dispatchEvent is not a function