如何在纸张输入中添加所需的指示器

给定纸张输入

<paper-input 
  floatingLabel label="Type only numbers... (floating)" 
  validate="^[0-9]*$" error="Input     is not a number!">
</paper-input>

如何添加一些指示，表明用户需要该字段。

来自core-input docs https://github.com/Polymer/core-input/blob/master/core-input.html https://github.com/Polymer/core-input/blob/master/core-input.html AFAIK paper-input延伸core-input因此这也应该适用于这里：

• core-input 还可以选择通过提供一个值来验证该值
• 要匹配的正则表达式或验证函数。这
• 如果输入值更改且无效，则会触发“input-invalid”事件。
• “无效”属性也可供观察。

您可以将正则表达式更改为

validate="^[0-9]+$"

http://www.regular-expressions.info/repeat.html http://www.regular-expressions.info/repeat.html

加号告诉引擎尝试匹配前面的标记一次或多次。

Update

Polymer.js core-input 和 paper-input 支持required自 2014 年 7 月 8 日签入以来的属性。 Polymer.dart paper-elements 发布于 2014-06-25，因此尚不支持。它应该在下一个 paper-elements 版本发布后起作用。

<paper-input 
  floatingLabel label="Type only numbers... (floating)" 
  validate="^[0-9]*$" error="Input     is not a number!"
  required>
</paper-input>

好像只有一个error属性为validate and required尽管。

已发表的纸张输入演示 http://www.polymer-project.org/components/paper-input/demo.html不包括示例required然而（GitHub 存储库中的演示代码已经这样做了）所以我不知道是否提供了您想要的行为。但你已经可以使用required属性并使用 CSS 自行应用星号，例如

  * /deep/ paper-input[required] /deep/ #label::after,
  * /deep/ paper-input[required] /deep/ #floatedLabel::after {
    content: "*";
    font-weight: bold;
    font-size: 150%;
    color: red;
  }