Jquery 聚合物中纸张元素的多重验证
我想立即验证多个纸张元素字段。现在,它只在一个字段中工作 这一项只适用于一个字段,但仅在焦点更改->坏时有效Jquery 聚合物中纸张元素的多重验证,jquery,regex,validation,polymer,Jquery,Regex,Validation,Polymer,我想立即验证多个纸张元素字段。现在,它只在一个字段中工作 这一项只适用于一个字段,但仅在焦点更改->坏时有效 <template is="auto-binding"> <paper-input-decorator label="Number" floatingLabel error="is not a number" isInvalid="{{!$.input.validi
<template is="auto-binding">
<paper-input-decorator label="Number" floatingLabel
error="is not a number"
isInvalid="{{!$.input.validity.valid}}">
<input id="input" is="core-input" pattern="\d*">
</paper-input-decorator>
</template>
这一条适用于一个领域,及时->更好
<template is="auto-binding">
<paper-input-decorator id="decorator" label="Number" floatingLabel
error="is not a number">
<input is="core-input" pattern="\d*" on-input="{{inputAction}}">
</paper-input-decorator>
</template>
<script>
var scope = document.querySelector('template[is=auto-binding]');
scope.inputAction = function(e) {
var d = document.getElementById('decorator');
d.isInvalid = !e.target.validity.valid;
}
</script>
var scope=document.querySelector('template[is=auto binding]');
scope.inputAction=函数(e){
var d=document.getElementById('decorator');
d、 isInvalid=!e.target.validity.valid;
}
现在我想扩展功能,这是我到目前为止的想法:
<template is="auto-binding">
<paper-input-decorator id="decorator" label="Number" floatingLabel
error="is not a number">
<input is="core-input" pattern="\d*" on-input="{{inputAction}}">
</paper-input-decorator>
<paper-input-decorator id="decorator2" label="Number" floatingLabel
error="is not a number">
<input is="core-input" pattern="\d*" on-input="{{inputAction}}">
</paper-input-decorator>
</template>
<script>
var scope = document.querySelector('template[is=auto-binding]');
scope.inputAction = function(e) {
($(this).parent())[0].isInvalid = !e.target.validity.valid;
}
</script>
var scope=document.querySelector('template[is=auto binding]');
scope.inputAction=函数(e){
($(this.parent())[0]。isInvalid=!e.target.validity.valid;
}
我的想法是获取父字段,而不是通过ID获取字段
你有什么想法,为什么不管用?我没有出错,只是不起作用。或者你还有其他建议吗?我喜欢用正则表达式进行验证,但它对我来说不太管用
自从最新的纸质元素更新以来,似乎很多人都遇到了验证问题
有趣的是,即使Polymer在其演示站点上也没有多次验证,只需要:
否则我可能会复制它…我发现了问题:
($(event.target).parent())[0].isInvalid = !e.target.validity.valid;
而不是
($(this).parent())[0].isInvalid = !e.target.validity.valid;
想试试吗