尝试提交铁型聚合物 2 - 无法读取属性 'submit' of null

Question

我无法提交我的铁形式。此时我只需要在控制台中查看内容，但在尝试提交表单时我只收到错误消息：未捕获类型错误：无法读取 null 的属性 'submit'。我可能错过了一些明显的东西。我一直在使用页面：https://www.webcomponents.org/element/PolymerElements/iron-form

<iron-form id="sizeForm">
        <form method="post" action="">
            <paper-dropdown-menu label="Choose type" on-iron-select="_typeSelected">
                <paper-listbox slot="dropdown-content">
                    <paper-item value="Sneakers">Sneakers</paper-item>
                    <paper-item value="Shoes">Shoes</paper-item>
                    <paper-item value="T-shirts">T-shirts</paper-item>
                    <paper-item value="Jeans">Jeans</paper-item>
                </paper-listbox>
            </paper-dropdown-menu>
            <add-sneakers hidden$="{{hideSneakers}}"></add-sneakers>
            <paper-button onclick="{{_submitForm}}">Accept</paper-button>
            <div class="output"></div>
        </form>
    </iron-form>

<script>
    _submitForm() {
    document.getElementById('sizeForm').submit();
    }
</script>

Answer 1

改变

<paper-button onclick="{{_submitForm}}">Accept</paper-button>

至

<paper-button on-tap="_submitForm">Accept</paper-button>

或

<button onclick="_submitForm()">Accept</button>

此外，iron-form docs 似乎弄错了：document.getElementById('sizeForm').submit() 与 button 一起使用，但不适用于 paper-button。 this.$.sizeForm.submit() 适用于任何一个。（我将对此进行更多探讨，并可能会就此提交拉取请求。）

有关示例，请参阅 this pen。

Answer 2

您需要根据javascript.

上的内容，将id属性赋予表单

<form id="form_name" method="post" action="">

并在 javascript 上更正它，因为您在示例中使用的 ID 之前（已经）定义了。

document.getElementById('form_name').submit();

所以，最重要的是，您需要在表单中添加 id 和在js代码上更正。

尝试提交铁型聚合物 2 - 无法读取属性 'submit' of null

Trying to submit iron-form polymer 2 - Cannot read property 'submit' of null

polymer

polymer-2.x

iron-form

尝试提交铁型聚合物 2 - 无法读取 属性 'submit' of null

Trying to submit iron-form polymer 2 - Cannot read property 'submit' of null

polymer

polymer-2.x

iron-form

尝试提交铁型聚合物 2 - 无法读取属性 'submit' of null