Question

我有一个简单的<paper-input>元素。我正在使用它的pattern-attribute来验证它。它总是在我输入密钥（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

删除自动验证属性，并添加一个运行纸张输入的值值更改的事件侦听器validate function

这是jsbin上的demo

<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>值on-change而不是on-key？

1 个答案: