paper-input-container 中的模式属性是什么？

Question

我想自动验证在一些输入<paper-input-container>的<input is="iron-input">字段，以便它遵循一个dd.mm.yyyy模式。我可以用pattern属性来做到这一点吗？

我试过pattern="^(\d{2}).\d{2}.(\d{4})$"和pattern="(1-9|0[1-9]|1[0-9]|2[0-9]|3[0-1]).([1-9]|0[1-9]|1[0-2]).(20[1-3][0-9])"一起使用allowed-pattern="[\d.]"，但这不起作用。

该pattern属性是否旨在支持此用例？

Answer 1

<paper-input>.pattern除非您执行以下操作之一，否则将被忽略：

• 启用自动输入验证 <paper-input>.autoValidate

  <paper-input auto-validate
               pattern="^(\d{2}).\d{2}.(\d{4})$">
  </paper-input>
  

  代码笔

• 手动调用<paper-input>.validate()（例如，单击按钮时）

  <paper-input id="input" pattern="..."></paper-input>
  <button on-tap="_validateInput">Validate</button>
  
  // script
  _validateInput: function() {
    this.$.input.validate();
  }
  

  代码笔

• Set <paper-input>.required，并使用一个<iron-form>包装器，它会自动调用<paper-input>.validate()提交

  <form id="form" is="iron-form" ...>
    <paper-input required
                 pattern="..."></paper-input>
    <button on-tap="_submit">Submit</button>
  </form>
  
  // script
  _submit: function() {
    this.$.form.submit(); // <-- auto validates required form inputs
  }
  

  代码笔