dart - paper-input 验证不起作用

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

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

参见 http://www.polymer-project.org/docs/elements/core-elements.html#core-input了解更多详情。
(据我所知，paper-input 建立在 core-input 之上)

更新

您的正则表达式缺少 ^ 和 $

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

你已经在 HowTo add a required indicator to paper-input 中有了这个;-)

另见 Taking total control of PaperInput validation有关自定义验证的示例。