javascript - フォーム外での AngularJS 検証

Question

約 40 個のテキスト入力フィールドを持つ多かれ少なかれ複雑な SPA があります。これらの入力要素は によってバンドルされていません<form>が、カテゴリに分けられています。ユーザーが送信した場合、検証機能をトリガーしたいと思います。

私の最初のアプローチは、すべての無効な要素に属性を追加する、文字列入力用と数値用の 2 つのディレクティブを作成し、次に、validate()すべての入力フィールドを検索してその属性があるかどうかを確認する関数を使用することでした。 .

これが問題に対するjQueryのような解決策であるという事実を含め、私は複数の問題に出くわしました。

より便利な方法でこれを達成するにはどうすればよいですか?

Answer 1

物事がフォームの中にないときにフォームの検証を処理してきた方法の 1 つは、ng-pattern を使用することです。ng-pattern を使用すると、そこで直接正規表現を実行するか、式にリンクして一連の検証を実行できます。

このようになります。

<input type="text" ng-pattern="Put your Regex Here or an Expression">

ng-pattern の angular ドキュメントはかなりまばらなので、頑張ってください。

このアプローチは、一度に 1 つの入力しか評価しないため、探しているものではないかもしれませんが、これがお役に立てば幸いです。