dart - 纸张输入验证不起作用

Question

我正在尝试验证以下内容：

<paper-input floatinglabel
  id="ethinic-group"
  label="Ethnic Group"
  value='{{race.ethnicGroup}}'
  validate="[A-Za-z'\s-]*"
  error="Only letters, space and dash are allowed">
</paper-input>

如果我在字段中输入数字，则不会触发验证。还有什么我应该补充的吗？

Answer 1

您可以 - 检查invalid属性，例如根据属性值更改元素的外观
- 监听on-input-invalid='{{inputInvalidHandler}}'或 `on-input-valid='{{inputValidHandler}}' 并通过代码更改外观

有关更多详细信息，请参见http://www.polymer-project.org/docs/elements/core-elements.html#core-input。
（据我所知，纸质输入建立在核心输入之上）

更新

您的正则表达式丢失^并且$

validate="^[A-Za-z'\s-]*$"

您已经在HowTo 中将所需的指示器添加到纸张输入中；-)

有关自定义验证的示例，另请参阅完全控制 PaperInput验证。