Question

如何防止纸张输入中的无效输入？

以下为Plunk，其中preventInvalidInput未按预期工作，

即。即使是invalid = true：

用户可以继续输入，

value属性绑定到错误的输入。

<paper-input 
     label="max" 
     type="number" 
     value="{{year_max}}" 
     min="0" 
     max="255" 
     editable

     invalid={{invalid}}
     auto-validate

     prevent-invalid-input

     error-message="Error msg"
></paper-input>

Answer 1

preventInvalidInput标记仅阻止输入“无效”字符（例如，如果用户在仅允许使用字母数字字符时键入a+b+c = d，则paper-input仅接受abcd }）。设置invalid标志时，它不阻止进一步输入（这是您所期望的）。

要使用preventInvalidInput，您必须使用allowedPattern（character class）指定哪些字符有效，并且这些属性仅适用于{{1} }。例如，以下type="text"允许数字，减号（负数）和点（小数点）：

paper-input

您的代码似乎只需要数字，因此您可以使用：

<paper-input prevent-invalid-input allowed-pattern="[-.\d]">

对于单类模式，

或略微清晰：

<paper-input prevent-invalid-input allowed-pattern="[\d]">

modified plunker

如何防止纸张输入无效输入？

1 个答案: