聚合物紙輸入有效性標志

Question

我正在試驗Polymer元素，目前正在嘗試紙質表單元素。

我還沒有設法找到是否可以在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;

有關更多信息，請參見此處的文檔。