問題タブ [ui-validate]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - AngularJS : 複数の日付ピッカーに対する検証
myDate1、myDate2、myDate3 の 3 つの日付を考慮します。myDate1 < myDate2 < myDate3 であることを検証したい
日付は、angular-ui にある日付ピッカー ディレクティブによって設定されます。
ここにプランカーがあります: http://plnkr.co/edit/FTcJNHxuv3RFtBCUw7Ck
それを行う正しい方法を見つけるのに苦労しています。私は ui-validate を使用していますが、条件が false に評価されると、モデルが未定義に設定されているように見えます。
編集: undefined に設定されているモデルは、通常の Angular の動作であることが判明しました。ただし、ui-validate ディレクティブにはバグがあります。解決したら、この投稿を更新します。参照: https://github.com/angular-ui/ui-utils/issues/25
javascript - ディレクティブなしで JavaScript 関数を使用した Angularjs フォーム/フィールドの検証
ディレクティブを使用せずに角度でフィールドを検証する方法はありますか? 例: 入力フィールドで次の検証を行いたい。
- フィールドが空の場合、「フィールドには値が必要です」というメッセージが表示されます。
- フィールドに英数字が含まれている場合、「フィールドには数字のみを含めることができます」と表示する必要があります。
- EVEN 番号 - ユーザーへのメッセージ「値は偶数でなければなりません」。
JavaScript関数の呼び出しで次の検証を行いたいです。
グーグルで調べたところ、 ng-valid と $error を使用する方法があることがわかりましたが、うまく機能させることができませんでした。
以下のコードは、私が得た回答の1つによるものです。
最後の [span] 内にあるものを取得し、JavaScript 関数内に配置して、より一般的なものにし、最終的に条件が変化したときに HTML ではなく JS のみを変更したい
誰かアドバイスしてもらえますか?実際の例は素晴らしいでしょう。
angularjs - ディレクティブ テンプレート内で ui-validate を使用する
plunker の例のようなディレクティブ テンプレート内で ui-validate を使用することは可能ですか?
プランカー: http://plnkr.co/edit/H6v6nVobIM3EKmAVHZHa?p=preview
template.html
script.js
使用法:
angularjs - 他のスコープ プロパティ値に依存する AngularJS 検証
AngularJS を使用していくつかの検証を実装しようとしています。スコープ内のオブジェクトのリストにバインドされた入力のリストがあり、各入力の値がその前の入力の値以上であることを確認したい (数値のみを入力すると仮定しましょう入力)
これは、値が変更されたときに、次のことを確認する必要があることを意味します。
- 新しい値がまだ前の項目より大きいか等しい (リストの最初の項目でない場合)
- 後続のリスト項目 (存在する場合) が、新しく変更された値以上である
これを行う最善の方法はわかりませんが、可能な限り AngularJS 検証フレームワークを使用することをお勧めします。考えられる解決策は 3 つあります。
1: 検証を実行するカスタム ディレクティブを作成する
これを行う例を見つけましたが、ここで 2 つの質問があります。
-
現在検証されているスコープ プロパティに関連するスコープ プロパティにどのようにアクセスしますか?
- たとえば、インデックス 1 にバインドされた入力値が変更された場合、インデックス 1 の値を変更すると無効になる可能性があるため、インデックス 2 にバインドされた入力値を再評価するディレクティブをトリガーできますか? これまでのところ、ディレクティブ関数は、変更されたばかりのバインドに対してのみトリガーされることを見てきました。
2: UI 検証を使用する
この場合、リスト アイテムのインデックスを検証関数に渡すことができました。つまり、評価のために前のリスト項目の値にアクセスできるということです。しかし、変更されたばかりのアイテムに対してのみ発生するという問題がまだありました。リストの次のアイテムは再評価されませんでした。
3: バインドされた入力値ごとに onChange イベント ハンドラーを実装する
これにはjsFiddleがあります:
しかし、この場合、ハンドルを持っているのが基になるスコープ プロパティだけである場合、$setValidity 関数を呼び出す方法がわかりません。以下のコードは失敗します。
AngularJS 検証フレームワークにまったく触れずに、この 2 番目の方法を使用して実装できると思いますが、それを使用する「正しい」方法があれば、知りたいです...
angularjs - Angularjs UI 検証ウォッチの問題
2 つの数値入力の間で範囲検証を行おうとしています。入力はbase remuneration
と を表しtop remuneration
ます。http://jsfiddle.net/GNJP4/3/のように ui-validate-watchを使用しようとしました。問題は、基本的に正しく更新されていないことです( と同じ)lowerBound
upperBound
回避策を作成するか、ディレクティブを使用するアイデアがある場合 (私は試しましたが、混乱しています) をいただければ幸いです。
angularjs - md ボタンを無効にする方法
フォーム(HTML)と、送信ボタンがクリックされたときに処理を行うディレクティブがあります。フォームには10個の入力フィールドがあります。要件は、ユーザーが少なくとも 1 つのフィールドに値を入力するまで無効になっている送信ボタンを保持することです。
誰でも私を助けてください。私はAngularが初めてで、多くの助けを見つけることができませんでした.
javascript - 入力フィールドなしのAngular UI-Validate (検証式)
ui-validate ユーティリティを使用してい ます https://github.com/angular-ui/ui-validate
問題は、入力フィールドのないフォームで式を検証することです。例えば?私はオブジェクトを持っています
次の式を指定して、エラーを受け取りたいです。field1 + field2 + field3 == 0
フォーム全体の共通の検証です。一部の入力用ではありません。
javascript - すべての User ACL:Public read/write が無効になっているときに、ユーザー名が parse.com で使用されているかどうかを確認するにはどうすればよいですか?
ユーザーのクラス内のすべてのユーザーで ACL:Public read/write が無効になっている場合、parse.com Javascript SDK でユーザー名が取得されているかどうかを確認するにはどうすればよいですか?
説明: セキュリティ上の理由から、クラス/テーブル ユーザーのすべてのユーザーにはプライベートACL (アクセス制御リスト) があります。つまり、パブリック読み取り/書き込みの ACL が無効になっています。これは、認証されたユーザーが自分の情報のみを読み取ることができることを意味します。
想像できるように、ユーザーへのクエリはログインしていないユーザーには空になるため、ユーザークラスでクエリを使用してユーザーが既に取得されているかどうかを確認する方法はありません
新しいユーザーをsingUpすることでこれを回避することができました.Parseは400エラーをいくつかの良い情報とともに返します:
このアプローチの問題は、ユーザーがテキスト領域フィールドに入力している間にリアルタイムで検証を行っていることです。
HTML AngularJS:
Javascript AngularJS:
では、ACL:Public read/write が無効になっているときに、ユーザー名が parse.com で使用されているかどうかを確認するにはどうすればよいですか?
検証を高速化するために AngularUI プラグインを使用しています: https://htmlpreview.github.io/?https://github.com/angular-ui/ui-validate/master/demo/index.html
ありがとう!