Möchten Sie eine Validierung für ein Element pro Element statt für die Einreichung verwenden

Question

Im Moment habe ich eine einfache Anmeldung mit 2 Papiereingänge und 2 Papier-Tasten. Benutzername, Passwort, Abbrechen, Absenden.

Im Moment mache ich eine Validierung in Dart, wenn der Client auf Senden klickt, aber ich möchte es tun, wie sie Eingabe eingeben. Es scheint, dass mit:

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

scheint nie zu feuern. Ich gehe in die Papiereingabe, drücke die Leertaste und unfokussiert, nichts passiert. Ich möchte nur sicherstellen, dass ein gültiger Benutzername eingegeben wird. Nicht eine E-Mail, nur eine zusammenhängende Zeichenfolge von Groß- und Kleinschreibung alphanumerischen.

Ich habe auch versucht: auto-validate="true", error-message="wrong username input".

Answer 1

Sie können das Muster mit pattern Attribut anstelle von validate angeben. Verwenden Sie für die Fehlermeldung das error-message Attribut.

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