提出時ではなく要素ごとに検証を利用したい

Question

今は2つの入力と2つの用紙ボタンで簡単にログインできます。ユーザー名、パスワード、キャンセル、提出。

今、クライアントが提出をクリックすると、私はダーツで検証を行いますが、入力を入力すると、それを行うことができます。それは：

<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

validateの代わりにpattern属性でパターンを指定できます。エラーメッセージについては、error-message属性を使用してください。

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