18

我有这个

<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 数据有疑问 - “文本”和“标题”(全部在纸质输入中)没有发送任何内容。

我修改了模板,属性“名称”现在位于 Polymer 创建的一个 div 中。但是没有数据发送。

print_r($_POST); 只给我看这个:数组([form_id] => 837299 [submit] => Submit)

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

4

2 回答 2

10

只有扩展原生表单元素的元素会自动与表单一起提交。paper-inputextendscore-input它内部有一个输入,而不是扩展它。有关其他讨论,请参阅此邮件列表讨论,有关可能的解决方案,请参阅此StackOverflow 帖子

这样的jsbin可能吗?

更新:这是web 组件形式的相同内容。

更新:看起来创建者ajax-form添加此功能。

更新:也考虑使用iron-form.

于 2014-06-28T19:40:34.970 回答
0

根据 Polymer 文档,这样做的方法是创建一个常规表单输入并将其包装在<paper-input-decorator>

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

我已经尝试过了,它工作正常。一些更好的形式支持会很酷,但是哦。这东西还是有点石头的。

更新:我已经构建了一个 bower 包 ( polymer-rails-forms ) 来处理聚合物中的表单,专门针对 ActiveRecord 输入命名方案量身定制,但它确实适用于任何旧表单。它仍然相对较新,但它涵盖了大多数输入类型、基本验证、xhr 和非 xhr 提交,并且还有一些很酷的附加功能,例如 image、json 和 location* 字段。

位置字段取决于 Google Map Places API

于 2014-11-23T01:55:18.100 回答