Validation 纸张自动完成验证不起作用

Validation 纸张自动完成验证不起作用,validation,polymer,paper-elements,custom-element,Validation,Polymer,Paper Elements,Custom Element,我正在从事基于聚合物的前端项目。我对这类东西非常陌生,我正在努力寻找我需要的组件的信息和工作示例。我知道有这些组件的演示展示,但他们没有给我我需要的 <iron-form id="formForm"> <form> <paper-autocomplete label="Country" required error-message="This field is required"></paper-autocomplete&

我正在从事基于聚合物的前端项目。我对这类东西非常陌生,我正在努力寻找我需要的组件的信息和工作示例。我知道有这些组件的演示展示,但他们没有给我我需要的

  <iron-form id="formForm">
      <form>
        <paper-autocomplete label="Country" required error-message="This field is required"></paper-autocomplete>
      </form>
  </iron-form>

当我在
中使用元素并向其添加required属性时,
调用纸质自动完成验证器。但当我创建自己的聚合物元素时,它只包含纸张自动完成,当我将它包含在里面时,铁的形式看不到它

这是我的定制聚合物元素

<link rel="import" href="../../../bower_components/polymer/polymer.html">
<link rel="import" href="../../../bower_components/iron-ajax/iron-ajax.html">
<link rel="import" href="../../../bower_components/paper-autocomplete/paper-autocomplete.html">
<link rel="import" href="../globals-behavior.html">

<dom-module id="autocomplete-country">
  <template>
    <iron-ajax id="countryFindCall"
        url="{{restUri}}/classifier/country/find"
        params="{{query}}"
        on-response="handleResponse"
        debounce-duration="300"></iron-ajax>

    <paper-autocomplete label="Country" id="country-autocomplete" remote-source="true" min-length="2"
        text-property="label" value-property="value" disable-show-clear="true"></paper-autocomplete>
  </template>

  <script>
    Polymer({
      is: "autocomplete-country",

      behaviors: [
        GlobalsBehavior
      ],

      properties: {
        item: {
          notify: true
        },

        query: {
          type: Object
        },

        result: {
          type: Object
        },

        selected: {
          type: Object,
          value: {}
        }
      },

      attached: function() {...},
      handleResponse: function (data) {...},
      onSelect: function(event) {...},
      onChange: function(event) {...},
      onBlur: function() {...} 
    });
  </script>
</dom-module>

聚合物({
是:“自动完成国家”,
行为:[
全球行为
],
特性:{
项目:{
通知:正确
},
查询:{
类型:对象
},
结果:{
类型:对象
},
选定:{
类型:对象,
值:{}
}
},
附件:函数(){…},
HandlerResponse:函数(数据){…},
onSelect:函数(事件){…},
onChange:function(event){…},
onBlur:function(){…}
});
我就是这样把它包括进去的

  <iron-form id="formForm">
      <form>
        <autocomplete-country item="{{request.country}}" required error-message="Field is required"></autocomplete-country>
      </form>
  </iron-form>

摘自铁制表单文档:
是一个HTML
元素,它可以验证和提交任何实现的自定义元素

因此,我想您的元素应该实现这一点,您就可以开始了。

摘自iron form文档:
是一个HTML
元素,它可以验证和提交任何实现的自定义元素

因此,我想您的元素应该实现这一点,您就可以开始了。

通过添加新的参数required并将其添加为属性解决了这个问题:

<paper-autocomplete ... required$="[[required]]" ... ></paper-autocomplete>

通过添加新参数required并将其添加为属性,解决了此问题:

<paper-autocomplete ... required$="[[required]]" ... ></paper-autocomplete>