想要在每个元素上而不是在提交上利用验证

Question

现在，我有一个使用 2 个纸张输入和 2 个纸张按钮的简单登录。用户名，密码，取消，提交。

现在，我在客户单击提交时在 dart 中进行验证，但我希望它在他们输入时进行验证。似乎使用：

<paper-input Label="Username..."
             auto-validate validate="^[A-Za-z0-9]+$" 
             on-error-message="wrong username input"
             value="{{usr}}" id="username"></paper-input>

似乎永远不会开火。我进入纸张输入，按下空格键，然后松开焦点，没有任何反应。我只想确保输入了有效的用户名。不是电子邮件，只是 不区分大小写的字母数字的连续字符串。

我也试过：auto-validate="true", error-message="wrong username input".

Answer 1

您可以使用 pattern 属性而不是 validate 指定模式。对于错误消息，请使用 error-message 属性。

<paper-input Label="Username..."
         auto-validate pattern="^[A-Za-z0-9]+$" 
         error-message="wrong username input"
         value="{{usr}}" id="username"></paper-input>

想要在每个元素上而不是在提交上利用验证

Want to leverage a validation on a per element instead of on submission

validation

polymer

polymer-1.0