javascript - 聚合物 paper-input 有效性标志

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了解更多信息。