纸输入容器中的模式属性是什么？

Question

我想在某个<paper-input-container>的{​​{1}}字段中自动验证输入，以便它遵循<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.]"属性是否支持此用例？

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