問題タブ [angularjs-forms]

このような形をして

などのコントローラー

問題があります。ページが最初に読み込まれると、何かを入力し始める前であっても、すぐにユーザー名フィールドに赤い境界線が表示されます。最初の送信後にのみ、無効なフィールドを強調表示する必要があります。これを使用して行うことができますform.$invalidか?

入力の長さが50文字を超える場合、ブートストラップのクラス「has-error」を追加したい次のdivがあります。これはHTMLです：

どうすればこれを機能させることができますか？50 文字に達すると、ng-maxlength は $error オブジェクトのようなエラーをスローすると思いますが、オブジェクトが何であるか、アクセスする方法、およびコントローラーまたはディレクティブでさらに作業を行う必要があるかどうかについての手がかりがありません.

ここで何か助けはありますか？この問題と Angular バリデーターに関する「簡単な」情報が見つかりません。

編集1：

私はあなたのすべての回答を見て、あなたのおかげで何か新しいことを学びましたが、これはまだうまくいきません. 現在は次のようになっています。

あなたの一人が提案したように、長さを直接チェックすることもテストしました。しかし、これらの解決策はどれも機能していないようです: has-error クラスを追加することはありません。なんで？

次のように、モデルにサブモデルの配列が含まれるフォームがあります。

入力フィールドがない場合 (または、一般的に、入力フィールドの数がある値より小さい/大きい場合) にフォームを無効にするにはどうすればよいですか?

更新: 返信ありがとうございます。これがコントローラーの外で実行できることを願っています。

テキスト、電子メール、複数の電子メールフィールドの 3 つの入力を持つ angularJS フォームを使用しています。上記のフィールドはすべて必須であり、Angular の検証はテキスト フィールドと電子メール フィールドでは正常に機能しますが、複数の電子メール フィールドでは機能しません。私の知る限り、すべての新しいブラウザは電子メール フィールドの複数の属性をサポートしていますng-modelが、複数の電子メール フィールドが無効であると「考える」ときに が値で更新されないため、明らかに AngularJS はサポートしていません。

フォームで使用novalidateしてみましたが、すべての検証を自分で行う必要がありますが、Angular にフィールドの有効性を無視してブラウザーに任せるように指示するだけです..

それを行う方法はありますか？

に ng-model がアタッチされていますが、触れられていない場合はデフォルトのプレースホルダー値を表示したい ( $pristine)。それを行う良い方法はありますか？初期段階で単に ng-model 値を null に設定することはできません。ここに私のプランカーがあります: http://plnkr.co/edit/0kzKrwKTbJzsMGG8D1gQ?p=preview

AngularJS で、入力でフィルター処理された値を処理する最良の方法はどれですか?

ユーザーは数値を入力してローカライズする必要がありますが、入力をモデルにバインドしてフィルターでフォーマットすることはできません。

別のフォーマットされた入力を取得して解析することもできますが、もっと洗練された方法があるかもしれません。

誰かがより良いアイデアを持っていますか？

HTML:

作業例:

http://jsfiddle.net/monguz/6u0zqc0L/

イタリア語にローカライズされたAngularJS 1.4を使用しています

どうもありがとう

マルコ