[解決済み] 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
プロパティの値をチェックします。
より詳細な情報は 開発者向けガイドのセクション をご覧ください。
関連
-
[解決済み] AngularJSで$httpリクエスト中にスピナーGIFを表示する?
-
処理されない例外が発生しました。Angular 実行中のプロジェクトで NGCC に失敗しました。
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] AngularJS コントローラにおける 'this' と $scope の比較
-
[解決済み] AngularJSでチェックボックスの値のリストにバインドするにはどうすればいいですか?
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み】典型的なAngularJSのワークフローとプロジェクト構成(Python Flaskを使用した場合)
-
[解決済み] Angularjsで入力検証失敗時にフォームを送信しないようにする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angularjsのng-viewが動作しない。
-
[解決済み] angularJSのSTATEを理解する
-
[解決済み] オブジェクトと選択機能を備えたAngularJS BootstrapUI Typeahead
-
[解決済み] angularのpostリクエストでpreflightのレスポンスがHTTPステータスコード403で不正になる。
-
[解決済み] AngularJs ReferenceError: $http is not defined
-
[解決済み] AngularJSのng-showとフェードアニメーション
-
[解決済み] Angular ng-repeatの条件付きラップアイテム(ng-repeatのグループアイテム)。
-
[解決済み] AngularJSでkeypressイベントを使用するには?
-
[解決済み] AngularJsでng-Cloakディレクティブを実際に使用する方法とは?
-
[解決済み] AngularJSでコントローラを2回実行する場合の対処法