Schreibe ein ng-Muster, um Whitespaces und Sonderzeichen zu verbieten

Ich versuche zu bekommen eine eckige ng-pattern zu überprüfen, ob ein Benutzername keine Leerzeichen oder Sonderzeichen enthalten. Das folgende Formular gibt false zurück, wenn Sie geben Sie Leerzeichen oder Sonderzeichen. Jedoch, es wird wahr, sobald Sie eingeben, a-z, a-z oder 0-9. Ich habe versucht, ng-pattern="/[^\s]+/" und " \S und [ ^ ], aber Sie machen keinen Unterschied.

<form name="myform">
  valid? {{ myform.$valid }}
  <input type="text" name="username" ng-model="username" ng-pattern="/[a-zA-Z0-9^ ]/" required/>
</form>

Hier ist die form in ein plunk: http://plnkr.co/edit/6T78kyUgXYfNAwB4RHKQ?p=preview

InformationsquelleAutor der Frage Craig Morgan | 2013-10-17

  1. 40

    Versuchen Sie die folgenden Muster:

    /^[a-zA-Z0-9]*$/

    Diese können nur alphanumerische Zeichen.

    InformationsquelleAutor der Antwort Ibrahim Najjar

  2. 13

    Oberfläche die spezifische Antwort, die ich suchte, hatte ich bereits die Muster vorgeschlagen von Sniffer /^[a-zA-Z0-9]*$/, aber eckig erschien noch zu ignorieren, führende/nachfolgende Leerzeichen. Als Cristian erwähnt in die Kommentare:

    Eckig trimmen der input-Modell, was bedeutet, dass die Validierung nicht Auslöser für Räume. Sie können hinzufügen, ein ng-trim="false" an den Eingang, um dieses Problem zu beheben.

    Beachten Sie, dass die Winkel versucht, Sie zu schützen, indem Sie leise trimmen Leerzeichen standardmäßig. In meinem Fall möchte ich die Benutzer bewusst sein, dass der trailing-whitespace-Zeichen ungültig ist.

    InformationsquelleAutor der Antwort Johann

Schreibe einen Kommentar