[解決済み] Angular フォーム送信で全フィールドの検証をトリガーする
2023-07-03 06:28:42
質問
この方法を使っています。 http://plnkr.co/edit/A6gvyoXbBd2kfToPmiiA?p=preview を使用して、blurのフィールドのみを検証しています。これは問題なく動作しますが、ユーザーが「送信」ボタン(実際の送信ではなく、関数へのdata-ng-click呼び出し)をクリックしたときに、それらを検証したい(したがって、それらのフィールドのエラーがあれば表示したい)のですが......。
そのボタンをクリックしたときに、すべてのフィールドのバリデーションを再びトリガーする方法はありますか?
どのように解決するのですか?
私がうまくいったのは
$setSubmitted
関数を使うことでした。この関数はバージョン 1.3.20 で初めて angular のドキュメントに登場しました。
検証をトリガーしたいクリックイベントで、私は次のようにしました。
vm.triggerSubmit = function() {
vm.homeForm.$setSubmitted();
...
}
私の場合、それですべてでした。ドキュメントによると、それは "Set the form to its submitted state." 言及されています。 ここに .
関連
-
[解決済み] ページロード時にAngularJSのコントローラ関数を実行する方法は?
-
[解決済み] HTML5です。2つの入力を持つスライダーは可能か?
-
[解決済み] JSFでフォームアクションを定義する方法は?
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] jQuery AJAX送信フォーム
-
[解決済み] 1つのフォームに2つの送信ボタンがある
-
[解決済み】送信時にフォームがページを更新するのを止める。
-
[解決済み] Enterキーでモーダルダイアログが表示されないようにする
-
[解決済み] SpringのformタグのmodelAttributeとcommandName属性の違い?
-
[解決済み] ハニーポット実装の改善 (フォームスパム対策)
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular 2: formGroup は FormGroup のインスタンスを期待します。1つを渡してください。
-
[解決済み] 使用用途
-
[解決済み】チェックしたラジオボタンのラベルをCSSセレクタで指定する方法
-
[解決済み] AngularJSでフォームの入力を条件付きで要求するにはどうすればよいですか?
-
[解決済み】curlを使用してmultipart/form-dataをPOSTする正しい方法は何ですか?
-
[解決済み】Chromeの開発ツールのネットワークタブに表示される「リクエストペイロード」と「フォームデータ」の違いとは?
-
[解決済み] 生年月日を入力するのに最適なUIは?[クローズド]
-
[解決済み] Enterキーでモーダルダイアログが表示されないようにする
-
[解決済み] ロボットが自動的にフォームに入力するのを防ぐには?
-
[解決済み] アップロードされたファイルのMIMEタイプは、ブラウザによってどのように決定されるのですか?