問題タブ [angularjs-forms]
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 カスタム フォーム コントロールの検証
AngularJS でのカスタム フォーム コントロールの検証に問題があります。
2 つの問題は次のとおりです。
コンテンツ編集可能フィールド内でプレースホルダー/初期テキストが変更されていない場合に、カスタム エラーをトリガーしたいと考えています。私はさまざまなアプローチを試みましたが、運がありませんでした（編集の試みを含む
$isValid）。解決済み:、、およびが無効な
ng-show場合にエラー メッセージを表示するようにトリガーできないようです。(回答: div に名前属性がありませんでした)ng-minlengthng-maxlengthng-required
以下の Plnkr とコード サンプルを参照してください。
angularjs - フォーム名を持つことは有効ですか ""
したがって、次のようなコード：
でフォームが正常に公開されたことをコンソールに出力し$scope.myCtrl.formます。それで、誰かがそのような構文を使用していますか、このようにすることは意図されていますか/有効ですか?Angular 1.5
angularjs - ng-minlength Angular フォームの検証
Angular は、以下のコードで minLength または maxLength エラーを発生させていないようです...ただし、必要なエラー (および電子メール エラー) は機能しています。入力ボックスが CSS を変更しているため、 ng-minlength と ng-maxlength が機能していることはわかっています。内のテキスト<span>は、最小または最大エラーに対して機能していません。
以下のパスワード入力を参照してください。
ここで何がうまくいかなかったのかについて何か考えはありますか？
angularjs - 送信時に Angular フォームをクリアする
フォームをクリアしようとしていますが、いくつかの問題に直面し続けています。送信時にフォームをクリアするにはどうすればよいですか?
HTML
角度
setPrestine() を含む、フォームをクリアするための主なテクニックは何ですか?
javascript - Angular 1.5.7 で動的に追加および削除されたフォーム フィールドに対する Angular フォームの検証
そのため、このトピックに関するいくつかの投稿を読みましたが、よくわかりませんでした。https://scotch.io/tutorials/building-dynamic-angular-forms-with-ngrepeat-and-ngformにあるソリューションを実装しようとしましたが、成功しませんでした。検証は要素に ng-invalid クラスを追加しますが、ng-show を使用してエラー メッセージを表示しません。ここに私がこれまでに持っているものがあります。
まずここに plnkr があります: http://plnkr.co/edit/0Xh0o82N1xQc7Qi5Mhfe?p=preview
javascript - ng-model-optios getterSetter の使用時に無効なビュー値を入力できません
フォーム検証でを使用している場合ng-model-option、getterSetter入力に無効なものを入力することはできません。例えば
HTML
JS
https://plnkr.co/edit/dUPXiD1elGfqZSf9x9Bk?p=preview
その入力では、10未満になるため、数字を入力できません。
なしで得られるのと同じ動作を取得しようとしていgetterSetterます。つまり、ユーザーはビューに無効な入力を入力できますが、モデルは入力が有効な場合にのみ設定されます。
フォーム検証を使用して動作させるための回避策を知っている人はいますか、getterSetterそれともなぜこれが起こっているのか説明できますか?
angularjs - $scope.feedback.myChannel を HTML ページで使用できるのに、コントローラー内で使用できないのはなぜですか?
angularJs を使用したフォームがあります。すべてのコードは、質問の最後にあるプランカーで利用できます。
私のコントローラーの中に私が持っている
私のフォームと電話フィールドと電子メールフィールドで使用しています：
コントローラー内で設計されているため、ユーザーが選択オプションから選択した場合、これらの値は true である必要があります。
htmlで
コントローラーで：
$scope.feedback.myChannel の値は、ユーザーの選択に基づいて空の文字列から "Tel"、"Email"、または "Tel & Email" に変更され、開発目的でのみ追加の div 内に表示されます。それらはユーザーの選択によって変わります。
$scope.feedback.myChannel の値は、私が開発のために作成している表示 div に従って変化しますが、すべての if ステートメントは機能しません。それはなぜですか？
あなたは私のプランカーで私のコードを見ることができます ここに私のプランカーがあります
これがページのスクリーンショットです
angularjs - 1.5 で Angular フォームを参照する
angular ディレクティブ (1.4) があります。コンポーネント構文 (1.5) に切り替えています。フォームのリセット ボタンがクリックされると、既存のコードは form.$setPristine() を呼び出します。コンポーネントに切り替えてジャスミン テストから呼び出そうとすると、フォーム変数が定義されていません。
テスト ファイル:
form.html
エラー：