聚合物纸张输入有效性标志

Question

我正在试验聚合物元素，并且当前使用纸张表单元素。

我还没有设法找到是否有可能得到一个JavaScript变量纸张形式是有效的事实。有任何想法吗？

我正在使用自动验证。

<paper-input id="foo" 
     name="foo" 
     label="Foo" 
     required 
     auto-validate 
     pattern="[A-Za-z0-9]+" 
     error-message="Alphanumerical characters only"> 
</paper-input> 

非常感谢！

Answer 1

paper-input元素上有一个名为invalid的属性，您可以检查输入的值是否有效。

例如：

<paper-input id="foo" 
    name="foo" 
    label="Foo" 
    required 
    auto-validate 
    pattern="[A-Za-z0-9]+" 
    invalid="{{invalid}}" 
    error-message="Alphanumerical characters only"> 
</paper-input> 

然后在JavaScript你可以叫

var invalid = this.$.foo.invalid; 

请参阅该文档here以获得更多信息。