問題タブ [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.

0 投票する
1 に答える
2284 参照

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

0 投票する
4 に答える
30221 参照

javascript - ディレクティブなしで JavaScript 関数を使用した Angularjs フォーム/フィールドの検証

ディレクティブを使用せずに角度でフィールドを検証する方法はありますか? 例: 入力フィールドで次の検証を行いたい。

  • フィールドが空の場合、「フィールドには値が必要です」というメッセージが表示されます。
  • フィールドに英数字が含まれている場合、「フィールドには数字のみを含めることができます」と表示する必要があります。
  • EVEN 番号 - ユーザーへのメッセージ「値は偶数でなければなりません」。

JavaScript関数の呼び出しで次の検証を行いたいです。

グーグルで調べたところ、 ng-valid と $error を使用する方法があることがわかりましたが、うまく機能させることができませんでした。

以下のコードは、私が得た回答の1つによるものです。

最後の [span] 内にあるものを取得し、JavaScript 関数内に配置して、より一般的なものにし、最終的に条件が変化したときに HTML ではなく JS のみを変更したい

誰かアドバイスしてもらえますか?実際の例は素晴らしいでしょう。

0 投票する
1 に答える
2054 参照

angularjs - ディレクティブ テンプレート内で ui-validate を使用する

plunker の例のようなディレクティブ テンプレート内で ui-validate を使用することは可能ですか?

プランカー: http://plnkr.co/edit/H6v6nVobIM3EKmAVHZHa?p=preview

template.html

script.js

使用法:

0 投票する
1 に答える
472 参照

angularjs - 他のスコープ プロパティ値に依存する AngularJS 検証

AngularJS を使用していくつかの検証を実装しようとしています。スコープ内のオブジェクトのリストにバインドされた入力のリストがあり、各入力の値がその前の入力の値以上であることを確認したい (数値のみを入力すると仮定しましょう入力)

これは、値が変更されたときに、次のことを確認する必要があることを意味します。

  • 新しい値がまだ前の項目より大きいか等しい (リストの最初の項目でない場合)
  • 後続のリスト項目 (存在する場合) が、新しく変更された値以上である

これを行う最善の方法はわかりませんが、可能な限り AngularJS 検証フレームワークを使用することをお勧めします。考えられる解決策は 3 つあります。

1: 検証を実行するカスタム ディレクティブを作成する

これを行う例を見つけましたが、ここで 2 つの質問があります。

  • 現在検証されているスコープ プロパティに関連するスコープ プロパティにどのようにアクセスしますか?
  • たとえば、インデックス 1 にバインドされた入力値が変更された場合、インデックス 1 の値を変更すると無効になる可能性があるため、インデックス 2 にバインドされた入力値を再評価するディレクティブをトリガーできますか? これまでのところ、ディレクティブ関数は、変更されたばかりのバインドに対してのみトリガーされることを見てきました。

2: UI 検証を使用する

この場合、リスト アイテムのインデックスを検証関数に渡すことができました。つまり、評価のために前のリスト項目の値にアクセスできるということです。しかし、変更されたばかりのアイテムに対してのみ発生するという問題がまだありました。リストの次のアイテムは再評価されませんでした。

3: バインドされた入力値ごとに onChange イベント ハンドラーを実装する

これにはjsFiddleがあります:

http://jsfiddle.net/zs9kJ/1/

しかし、この場合、ハンドルを持っているのが基になるスコープ プロパティだけである場合、$setValidity 関数を呼び出す方法がわかりません。以下のコードは失敗します。

AngularJS 検証フレームワークにまったく触れずに、この 2 番目の方法を使用して実装できると思いますが、それを使用する「正しい」方法があれば、知りたいです...

0 投票する
1 に答える
2842 参照

angularjs - Angularjs UI 検証ウォッチの問題

2 つの数値入力の間で範囲検証を行おうとしています。入力はbase remunerationと を表しtop remunerationます。http://jsfiddle.net/GNJP4/3/のように ui-validate-watchを使用しようとしました。問題は、基本的に正しく更新されていないことです( と同じ)lowerBoundupperBound

回避策を作成するか、ディレクティブを使用するアイデアがある場合 (私は試しましたが、混乱しています) をいただければ幸いです。

0 投票する
2 に答える
14730 参照

angularjs - md ボタンを無効にする方法

フォーム(HTML)と、送信ボタンがクリックされたときに処理を行うディレクティブがあります。フォームには10個の入力フィールドがあります。要件は、ユーザーが少なくとも 1 つのフィールドに値を入力するまで無効になっている送信ボタンを保持することです。

誰でも私を助けてください。私はAngularが初めてで、多くの助けを見つけることができませんでした.

0 投票する
2 に答える
840 参照

javascript - 入力フィールドなしのAngular UI-Validate (検証式)

ui-validate ユーティリティを使用してい ます https://github.com/angular-ui/ui-validate

問題は、入力フィールドのないフォームで式を検証することです。例えば?私はオブジェクトを持っています

次の式を指定して、エラーを受け取りたいです。field1 + field2 + field3 == 0

フォーム全体の共通の検証です。一部の入力用ではありません。

0 投票する
2 に答える
1116 参照

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

ありがとう!