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

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。

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

Polymer paper-input validity flag

javascript

validation

polymer-1.0

paper-elements