纸张输入验证不起作用

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 =＆＃39; {{inputValidHandler}}＆＃39;并按代码更改外观

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

更新

您的正则表达式遗失^和$

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

你已经在HowTo add a required indicator to paper-input; - ）

了

有关自定义验证的示例，另请参阅Taking total control of PaperInput validation。