2017-09-13 7 views
0

をクリックするまで無効な入力を無効としてスタイルされていない私はこのようなジャバスクリプトから無効な入力フィールドを設定しています:AngularJS:私は、入力フィールドをクリックし、それから

$scope.formName.fieldName.$setValidity("string", false); 

これは働いているが、それは影響を与え入力フィールドをクリックしてからクリックすると表示されます。

無効なフィールドを即時に表示するには、どうすれば変更できますか?

+0

ここで十分な情報がありません。たとえば、「文字列」ターゲティングとは何ですか? '必須'? – RamblinRose

+0

それは問題ではない – jannagy02

答えて

1

入力欄にng-change="checker(model)"を添付する必要があります。それからちょうどformName.fieldName.$error.stringをチェックすることにng-classを適用する(エラーキーとして文字列を置くので)、またはあなたはまた、あなたがで遊んと無効を適用する方法を確認するために、私はこのcodepenを添付しましたformName.fieldName.$invalid && !formName.fieldName.$pristine

を行うことができます焦点を失うことなく、フィールド上のクラス。

希望に役立ちます!

+1

答えをありがとう。 ng-class = "{'invalid':formName.fieldName。$ error.string}」が機能していました。私はこの答えを受け入れますが、私はそれを別の方法で解決しました:$ scope.formName。$ setSubmitted();無効なフィールドに無効なスタイルを設定します。 – jannagy02

関連する問題