1. ホーム
  2. angularjs

[解決済み] angularjsでフォームの有効性をチェックするには?

2023-06-10 18:25:36

質問

私はangularjsの非常に新しいです。私のアプリにフォームがあるとします。インスペクタを使用して、私はangularjsがフォームが無効であると考える場合、フォームにng-invalidクラスを追加することに気づきました。素敵ですね。

だから、フォームが有効かどうかをチェックするために、私はJqueryセレクタで私のコードを汚染する必要があるように思われます?フォームコントローラを使用せずにフォームの有効性を示すためのangularjsの方法は何ですか?

どのように解決するのですか?

をつけると <form> タグを記述すると、AngularJS は自動的にフォームコントローラを追加します(実際には、このディレクティブは form というディレクティブがあり、必要な動作を追加してくれます)。name属性の値はスコープにバインドされます。 <form name="yourformname">...</form> のような記述で対応できます。

フォームは FormController のインスタンスです。フォームのインスタンスはオプションで name 属性を使用してスコープに公開することができます。

ですから、フォームの有効性をチェックするには $scope.yourformname.$valid プロパティの値をチェックします。

より詳細な情報は 開発者向けガイドのセクション をご覧ください。