聚合物 + 表单 POST 数据

Question

I have this

<form id="form_837299" class="appnitro"  method="post" action="insert.php"> <paper-input label="Title" name="title" maxlength="255">
            </paper-input>
          <paper-input floatinglabel multiline label="text" name="text"></paper-input>                           


          <li class="buttons">                                       

            <input type="hidden" name="form_id" value="837299" />                                                        
            <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />                           
          </li>                          
        </ul>                    
      </form>

我在POST数据方面遇到了问题-在“text”和“title”中都没有发送任何内容（全部在paper-input中）。

我修改了模板并将属性“name”现在放在Polymer创建的一个div中。但是没有数据被发送。

print_r($_POST);仅显示以下内容： Array（[form_id] =>837299 [submit] =>提交）

有人知道如何在表单上使用Polymer和Material UI吗？

- Vojtech Cerveny

Answer 1

只有扩展本机表单元素的元素会自动与表单一起提交。paper-input 扩展了 core-input，它内部有一个输入框，而不是直接扩展它。请参见此邮件列表讨论以获取更多讨论和此 StackOverflow 帖子以获取可能的解决方法。

例如这个 jsbin？ 更新: 在Web 组件表单中也可以完成相同功能。 更新: 看起来 ajax-form 的创建者已经添加了这个功能。 更新: 还可以考虑使用iron-form。

- CletusW

---

在第一个链接中，我发现了为什么我有问题 - 文本和标题在shadow-root中，这不会发送POST数据...而且jsbin看起来很好！谢谢。 - Vojtech Cerveny

太棒了！FYI，据报道，Polymer团队正在开发一个“paper-form”元素，可以自动解决这个问题。 - CletusW

看起来 paper-form 的开发已经停滞不前了（自八月份以来没有提交）。推荐的方式来提交 Polymer 自定义表单字段仍然是使用 ajax-form。声明：我是 ajax-form 的作者。 - Ray Nicholus

Polymer的iron-form涵盖了大部分（如果不是全部）ajax-form的功能。此外，看起来ajax-form依赖于已过时的Polymer版本。 - tony19

"ajax-form已经过时，使用iron-form代替" 我不同意。iron-form缺乏ajax-form早已拥有的许多功能。此外，iron-form与Polymer绑定在一起。而ajax-form没有任何依赖关系。 - Ray Nicholus

@tony19，iron-form缺少许多ajax-form包含的功能。此外，ajax-form没有依赖性，而iron-form依赖于Polymer。 - Ray Nicholus

Answer 2

根据Polymer文档，实现这个功能的方法是创建一个普通的表单输入并将其包装在<paper-input-decorator>中。

https://www.polymer-project.org/docs/elements/paper-elements.html#paper-input

我试过了，它的工作正常。更好的表单支持将很酷，但没关系。这些东西仍然很棒。

更新：我建了一个 bower 包(polymer-rails-forms) 来处理 Polymer 中的表单，专门为 ActiveRecord 输入命名方案量身定制，但它也适用于任何旧表单。它还比较新，但覆盖了大多数输入类型、基本验证、xhr 和非 xhr 提交，并具有一些很酷的额外功能，如图像、json 和位置*字段。

位置字段取决于 Google Map Places API

- hobberwickey