2017-04-11 4 views
0

私は、フォームの作成とパスワードの確認を以下に入れしようとしています:AngularJS 1.x:ng-patternでカスタムメッセージを表示する方法は?

最低8、少なくとも1大文字アルファベット、1小文字のアルファベット、1つのナンバーと1つの特殊文字:以下regrexを使用して

"/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[[email protected]$!%*?&])[A-Za-z\[email protected]$!%*?&]{8,}/" 

コード:今すぐ

Password:<input type="text" name="pass" ng-model="password" ng-pattern="/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.{8,}$)(?=.*[[email protected]$!%*?&])[A-Za-z\[email protected]$!%*?&]/" required /> 
<span style="color:Red" ng-show="personForm.pass.$error.required"> Required! </span> 
<span style="color:Red" ng-show="personForm.pass.$dirty&&personForm.pass.$error.pattern">Please Enter Valid Pass</span> 

、私がやりたいこととしてユーザに動的なメッセージが表示されています彼はパスワードを入力します。例えば。彼が大文字、小文字の特殊文字を入力していて数字を入力していない場合は、「パスワードは数字を含むべきです」と表示したいと思います。 提出をクリックしなくても可能ですか? 代わりにボタンをクリックしてください。

答えて

0

あなたはこのようにすることはできません、あなたのパスワードの組み合わせの小さなメッセージを与え、あなたのパスワードが無効になるまで、無効な状態で送信ボタンを入れてください。

0

正解はngMessagesを使用することです。 hereを参照してください(バージョン1.3以降、この記事ではあまりにも新しいかもしれません)。

関連する問題