AngularJS: is it possible to invalidate a specific form input field from the controller?

Question

I have a text input field for address, whenever the address is entered and search button next to the input field is clicked, I geocode the address and replace the input text with the result from the geocoder. I also set a scope variable 'addressOk'.

is it possible to invalidate this specific form input field according to $scope.addressOk or do I have to write a directive for this address geocoding input that invalidates the form when needed ?

I mean that to mark that field as invalid so the form can't be submitted — Gal Ben-Haim
– Gal Ben-Haim, Commented Jan 23, 2013 at 12:25
jsfiddle.net/sunnycpp/8dt94/23 Looks like, It is not possible, Please post this question on mailing-list. — SunnyShah
– SunnyShah, Commented Jan 23, 2013 at 15:36
github.com/angular/angular.js/blob/master/src/ng/directive/… Checking this out can help too. — SunnyShah
– SunnyShah, Commented Jan 23, 2013 at 15:39

Gal Ben-Haim · Accepted Answer · 2013-01-23 15:59:03Z

41

I found the solution, add a name attribute to the <form> and <input>, and then in the controller its possible to do $scope.formName.inputName.$setValidity(errorKey, isValid).

Then, its possible to display errors with something like ng-show="formName.inputName.$error.errorkey"

according to http://docs.angularjs.org/api/ng.directive:form If name attribute is specified, the form controller is published onto the current scope under this name.

answered Jan 23, 2013 at 15:59

Gal Ben-Haim

17.8k22 gold badges80 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

lightalex Over a year ago

What if inputNameis a variable?

shybovycha Over a year ago

@lightalex justuse the object notation ;) $scope.formName[inputName].$setValidity(...)

CAK2 Over a year ago

After you have added a custom boolean property to yourFieldName.$error object via $setValidity, you can use AngularJS ngMessages to display the appropriate error message.

Collectives™ on Stack Overflow

AngularJS: is it possible to invalidate a specific form input field from the controller?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related