regex - paper-input-container 中的 pattern 属性是什么？

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>
  

  codepen

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

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

  codepen

• 设置<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
  }
  

  codepen