Merge pull request #58 from jamesallardice/55-form-attr

Prevent JS error in IE when the form attribute is used on an input

lib/main.js

@@ -243,6 +243,11 @@
         if (elem.form) {
             form = elem.form;
 
+            // If the type of the property is a string then we have a "form" attribute and need to get the real form
+            if (typeof form === "string") {
+                form = document.getElementById(form);
+            }
+
             // Set a flag on the form so we know it's been handled (forms can contain multiple inputs)
             if (!form.getAttribute(ATTR_FORM_HANDLED)) {
                 Utils.addEventListener(form, "submit", makeSubmitHandler(form));

test/default/tests.html

@@ -53,7 +53,12 @@
             <button type="submit">Submit form</button>
         </form>
 
+        <!-- Polyfill should handle input elements that specify their form with an attribute -->
+        <form method="get" action="" id="form2">
+            <input type="text" form="form2" placeholder="Test form attribute">
+        </form>
+
         <script src="../../build/Placeholders.js"></script>
         <script src="tests.js"></script>
     </body>
-</html>
+</html>