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>