Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/regex/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 聚合物中纸张元素的多重验证_Jquery_Regex_Validation_Polymer - Fatal编程技术网

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;
想试试吗