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

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

1 个答案: