空白文字の検証ですか？角度4

Question

私はフィールド内に1 ++の空白を入力できないようにするため、私のフォームに何らかのバリデーションを作成する必要があります。だから、彼はスペースを入力することができますが、スペースだけではありません。これは現時点での検証方法です：

this.valForm = this.fb.group({ 
     'firstName': [null, Validators.compose([Validators.required, Validators.maxLength(50)])], 
     'lastName': [null, Validators.compose([Validators.required, Validators.maxLength(50)])] 
}); 

このタイプの検証を作成するために使用するパターンはわかりません。ありがとう。あなただけの

userInputString.trim() !== '' 

バリをチェックするカスタムバリデータを作成することができます

Answer 1

は、いずれかのブールや約束などの制御を取り、（それが有効であるかどうかを返す関数よりもはるかにではありません/観測可能）。

詳しくは、角度2+のカスタムバリデーターの例をご覧ください。

https://blog.thoughtram.io/angular/2016/03/14/custom-validators-in-angular-2.html

Answer 2

あなたがチェーン^((?!\s{2,}).)*$とScriptular上でそれをテストする場合は、

'firstName': [null, [Validators.required, Validators.maxLength(50), Validators.pattern(/^((?!\s{2,}).)*$/)]] 

を行うことができ、あなたは

Hello darling // Matches 
Hello darling // Doesn't match 

これは正規表現が何をすべきものではないことがわかります。彼らはそれでうまくいきません。正規表現は、逆ではなく、文字列内での式の出現を見つけるはずです。しかし、それでも、彼らはそれを行うことができます。

詳しくは、ネガティブルックアラウンドと呼ばれています。