3

私は以下を検証しようとしています:

<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>

フィールドに数値を入力すると、検証が開始されません。他に追加する必要があるものはありますか？

4

1 に答える 1

3

- 属性を確認し、invalidたとえば、属性値に応じて要素の外観を変更します
- onon-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 add a required indicator to paper-input ;-)にあります。

カスタム検証の例については、PaperInput 検証を完全に制御するも参照してください。

于 2014-07-15T20:37:38.997 に答える