問題タブ [angularjs-ng-form]

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 投票する
2 に答える
1974 参照

angularjs - angualrjs、フォームの下にネストされた ng-repeat 、 ng-form で入力検証として重複を見つける

ng-change の各入力値をチェックするテキストボックスに入力された重複した値を見つけようとしています。次に、「sos 番号が一致しています」というメッセージを表示します。結果、通常のメッセージjsfiddle これまでのところ、私は失敗しています。以下はコードです。:

html コード:

ng-変更方法:

0 投票する
0 に答える
689 参照

angularjs - angular.jsで保存ボタンの検証が機能しないngformのフォーム

フィールドを動的に生成するフォームがあり、これに使用ng-formしています。フォームにはng-repeat入力フィールドがあり、メイン フォームには [保存] ボタンがあります。

つまり、入力フィールドの 1 つがダーティでコンテンツがある場合は、保存ボタンを有効にし、それ以外の場合は無効にする必要があります。

ここに私のHTMLコードがあります:

フォームが最初にロードされたときに保存ボタンを無効にするには、プレゼントでそれを検証するにはどうすればよいng-formですか? 入力フィールドの 1 つにテキストが含まれている場合は、保存を有効にする必要があります。フォームの保存ボタン内でng-disabledどのように処理できるかわかりませんng-form

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

angularjs - angularjs で動的フォームを作成する

だから私はangularjsで動的フォームを作成しています。フォームが送信されたら、配列から削除します。しかし、何らかの奇妙な理由で、フォームの検証規則が何らかの形で次のフォームに「固執」します。例えば。最初のフォームを送信すると、3 番目のフォームに有効な回答がある場合は 2 番目のフォームが検証され、4 番目のフォームに有効な回答がある場合は 3 番目のフォームが有効になります。これにはどのような理由が考えられますか?

これは、私が持っているものの基本にかなり細分化されたコードです

そして私の送信機能:

ところで、私は ng-form="" を item.ItemForm として持っているので、[すべて送信] ボタンが押されたときにアイテムを介してフォームにアクセスでき、有効なフォームをチェックしてそれらのみを送信します。それを行う別の方法または適切な方法があれば、私はすべて耳を傾けます。

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

angularjs - AngularJS: ネストされたフォーム (ngForm) をプログラムで追加する

angularで構築されたフォームにネストされたフォームを追加する必要があるという特定の問題があります。

静的に (非プログラム的に)、次のことができます。

また、ネストされたフォームの検証エラーは、外側のフォームを無効にします。これはまさに私が必要とするものです。

しかし、ディレクティブを介してプログラムでこれを行うことはできないようです。テンプレートには次のものがあります

そして、私は次のものを持っています:

フォームは DOM に挿入され、Chrome 要素ビューでは無効な状態になっています。

ただし、外側のフォームは無効になりません。外側のフォームが読み込まれると、内側のフォームが表示されませんか?

私は何を間違っていますか?

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

javascript - $myform.textinput.$isvalid が true であってはならない場合

stuff[] に少なくとも 1 つの項目が追加されるまで、フォーム全体が有効であってはなりません。ユーザーがテキスト ボックスに値を入力して [追加] をクリックすると、その値が stuff[] に追加されます。値が stuff[] に追加されたこの時点でのみ、送信ボタンを有効にする必要があります。ただし、ユーザーが [追加] をクリックせずにテキスト ボックスに何かを入力すると、stuff[] には何も入力されず、フォームが有効になり、送信ボタンが有効になります。

0 投票する
3 に答える
646 参照

javascript - 生成されたフィールドを含む Ng-repeat 送信フォーム

いくつかの入力フィールドを追加する ng-repeat があり、これらの入力の値を生成されたフォームに送信したいというこの問題があります - ng-model では動作しませんが、内部の入力名で取得できますか?フォームタグ。

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

javascript - ngフォームは別のフィールドに依存する検証

角度のあるフォームがあり、フォーム用と電子メール用の 2 つの入力フィールドがあります。

電子メールまたは電話を要求したいのですが、どうすればよいですか?

私は : を実行しようとしましたng-reqired="myForm.phone.$invalid"が、フィールドの 1 つを入力すると (そして両方が有効になると)、これは機能しないようです。そのため、入力を消去した後でも、両方の入力は有効です (一度phone有効になったため) 、emailが有効になりました。

ここに私の JSfiddle があります: Js Fiddle

を行うことで短期的な解決策がng-required="myForm.email.$viewValue == ''"ありますが、より良い解決策を探しています。

これは、他のフィールドが空であるかどうかのみを確認するためです。たとえば、ユーザーが有効でない電子メール アドレスを使用している場合、電話が必要な場合など、有効かどうかを確認したいからです。