在更改时验证 <paper-input> 值而不是在键上？

Question

我有一个简单的 <paper-input> 元素。我正在使用它的模式属性来验证它。它总是在我输入密钥 (on-key) 时进行验证。相反，我希望它验证 on-change

<paper-input error-message="Not a number"
             label="Enter a number"  
             pattern="\d*" 
             errorMessage="Not a number" 
             auto-validate></paper-input>

Answer 1

删除 auto-validate 属性，并添加运行 paper-inputs validate function

的 on-value-changed 事件侦听器

这里有一个 demo on jsbin

<paper-input id='input' error-message="Not a number" label="Enter a number" pattern="\d*" errorMessage="Not a number"></paper-input>

<script>
  document.getElementById('input').addEventListener('value-changed', function(e) {
    // console.log(e.detail.value);
    e.currentTarget.validate();
  })
</script>

在更改时验证 <paper-input> 值而不是在键上？

Validate <paper-input> value on-change instead of on-key?

javascript

web-component

polymer