Clear errors in angularjs forms

Question

I have a form field that is required and email type. I want the form validation work when I lose focus from my field, so I am using: ng-model-options="{ updateOn: 'blur' }"

example:

<input class="sng-size-input" type="email" required
                            ng-keyup="clearValidation(emailform.email_interface_form,emailform.email_interface_form.fromAddress)"
                            ng-model="emailSelectedValue.fromAddress" name="fromAddress"
                            ng-model-options="{ updateOn: 'blur' }"
                            value="{{emailSelectedValue.fromAddress}}"
                            ng-disabled="!emailSelectedValue.enabled" id="emailFromAddress">
                            <span class="sng_form_error"
                            ng-show="emailform.email_interface_form.fromAddress.$error.email"
                            data-i18n="Not Valid e-mail"> </span> <span
                            class="sng_form_error"
                            ng-show="emailform.email_interface_form.fromAddress.$error.required"
                            data-i18n="Required"></span>

when back to the field and start typing again I want my errors messages to disappear, so I am using:

$rootScope.clearValidation = function(form,field){ field.$setPristine(true);

};

my red css on the field disappears, but the error messages are not. What am I missing?

my css:

.form-validation .ng-invalid.ng-dirty {
    border-color: #e94b3b;
}

Thanks,

Narek Mamikonyan · Accepted Answer · 2014-08-24 08:05:02Z

2

because in that time your input has errors and your ng-show expression returning true, you can use $setValidity(validationErrorKey, isValid); to set this input back to valid for more check documentation

answered Aug 24, 2014 at 8:05

Narek Mamikonyan

4,6112 gold badges27 silver badges30 bronze badges

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

5 Comments

orikoko Over a year ago

I have added to clearValidation this: form.$setValidity("fromAddress",true); and it still not working

orikoko Over a year ago

my mistake.... I changed to field.$setValidity("email",true); and this works. Thanks,

orikoko Over a year ago

there is one issue with required state... once I change to field.$setValidity("required",true); when come back to empy field with required, then add some text and remove it again I don't get required error note. is there away to handle it?

Narek Mamikonyan Over a year ago

you should .$setValidity("required",true); only in that case when your input value is not empty you can check it with $viewValue

orikoko Over a year ago

I tried it and for some reason it still don't work. it looks like it remembers the last time I changed the validity to true.

Collectives™ on Stack Overflow

Clear errors in angularjs forms

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related