SCRIPT3: Член группы не найден. (Edge)

[eugen81]

Всем доброго времени суток!
Задался тут целью сделать полифилл для IE, Edge с целью заставить нормально работать форму, у которой поля с атрибутом form могут быть вынесены за ее пределы. Всё работало хорошо, пока не начал вешать событие onclick на submit.
HTML:

<form id="test-form">
    <input name="hidden" value="hidden" type="hidden"/>
</form>
<label for="test-text">text:</label>
<input name="text" value="test" form="test-form" type="text" id="test-text">
<button form="test-form" type="submit" name="submit">Отправить</button>

JS:

(function () {
        var form = document.forms[0];
        var id = form.getAttribute('id');
        var selector = 'input[form="' + id + '"], textarea[form="' + id + '"], select[form="' + id + '"], button[form="' + id + '"]';
        var elements = document.querySelectorAll(selector);

        for (var k = 0; k < elements.length; k++) {
            var element = elements[k];
            if (element.type == 'submit' || element.type == 'image') {
                element.onclick = submitFix;
            } else {
                var hidden = document.createElement('input');
                hidden.name = element.name;
                hidden.type = 'hidden';
                hidden.value = element.value;
                form.appendChild(hidden);
                element.onchange = changeFix;
            }
        }

        function submitFix(event) {
            event.preventDefault();
            var form = document.getElementById(this.getAttribute('form'));
            if (this.name) {
                var hidden = form.querySelector('[type="hidden"][name="' + this.name + '"]');
                if (!hidden) {
                    hidden = document.createElement('input');
                    hidden.name = this.name;
                    hidden.type = 'hidden';
                    form.appendChild(hidden);
                }
                hidden.value = this.value;
            }
            form.submit(); // Ошибка "SCRIPT3: Член группы не найден."
        }

        function changeFix(event) {
            event.preventDefault();
            var form = document.getElementById(this.getAttribute('form'));
            var hidden = form.querySelector('[type="hidden"][name="' + this.name + '"]');
            hidden.value = this.value;
        }
    })();

Что интересно - до нажатия кнопки "Отправить"

document.forms[0].submit()

из консоли прекрасно работает, а после нажатия на кнопку - уже нет. Прошу помощи!

[Aetae]

Лень разбираться, но в любом случае onclick - плохой вариант, вешать надо во-первых через addEventListener\attachEvent, а во-вторых на onsubmit.

[eugen81]

Лень разбираться, но в любом случае onclick - плохой вариант, вешать надо во-первых через addEventListener\attachEvent, а во-вторых на onsubmit.

Через addEventListener делал, результат тот же. И если кнопка вынесена из формы, то onsubmit работать не будет. А если кнопка внутри формы, то onsubmit не нужен.

[eugen81]

Rise, так на клик и сделано

[Lemme]

Rise, видимо, в ms тоже так подумали и правильно сделали "имхо".
http://www.w3schools.com/tags/att_button_form.asp

[рони]

name="submit"

[Aetae]

Попробуй убрать event.preventDefault(); и добавить в конце return false;

[рони]

eugen81,
или хотябы так name="Submit"

[eugen81]

рони,
Спасибо, дело было в name="submit" какая разница IE как я назову элемент?
Rise,
Lemme,
Если этот способ работает во всех остальных браузерах, значит это кому-то нужно. Пример выше - просто тест, реально на странице несколько форм, но элементы в ней располагаются согласно макету так, что запихать все элементы в свои формы сложно

[рони]

Если этот способ работает во всех остальных браузерах

с name="submit" какой браузер у вас работает???