IE 11 cannot submit an HTML form

forms, html, internet-explorer, internet-explorer-11, javascript

Solution

I believe this is a bug when setting form values to empty in IE.

- IE Bug Report

I would suggest trying a different method to resetting the form values, I have used this method in the past:

document.getElementById('name').parentNode.innerHTML = '';

Problem

I have this HTML form ``` <form name="nextform" action="anotherpage.php" method="post" enctype="multipart/form-data"> <input name="pinid" id="pinid" type="hidden"> <input type="submit" name="submit" id="post" value="Lets Go" class="formButtonMap"> </form> ``` `pinid` dynamically gets a value using JavaScript. When it gets a value I alert it and it works. But, when I click the `Lets Go` button, nothing happens. I see the Internet Explorer loading for a couple of minutes and then I get the message “The webpage does not respond”. If I hit refresh it goes to `anotherpage.php` but the values from the form did not arrive to the server. Rarely shows this message: Visual Studio Just-In-Time Debugger An unhandled win32 exception occured in iexplorer.exe [688] Possible Debuggers : New Instance of Microsoft Visual Studio 2012 This behavior is observed only in Internet Explorer 11.0.2. The form works in older versions of Internet Explorer and also in Chrome and Firefox. I get no errors in IE’s console. Here is the JavaScript code, placed above the form: ``` // called when another button is clicked - basicaly is websockets function save() { var so = new WebSocket("ws://localhost:8000"); so.onerror = function (evt) { alert('problem'); } if (sara == 'LINES') { so.onopen = function() { so.send(JSON.stringify({ command: 'insertAll', name: document.getElementById('name').value })); } } if (sara == 'POLY') { so.onopen = function() { so.send(JSON.stringify({ command: 'insertHalf', name: document.getElementById('name').value })); } } so.onmessage = function (evt) { var received_msg = evt.data; document.getElementById("next").style.display = "block"; document.getElementById("name").value = ""; document.getElementById("descr").value = ""; clearLinks(); document.getElementById("pinid").value = received_msg; alert(document.getElementById("pinid").value); // works so.close(); } } ``` I tried to edit the code using `document.getElementById("nextform").submit();`, problem is still there. Is it me? Is it a bug? What am I missing?

Original source