>Hi everybody,
>
>In many places in our application the required columns come up in red color even before anything was done with the input controls.
>
>I don't understand what would cause the validations kick in right away? Is it a normal standard behavior or something is wrong?
>
>Here is one sample of a form called using uibModal dialog. This is the markup of the control:
>
>

><div class="controls">
>                                        <div class="col-lg-9">
>                                            <input class="form-control"
>                                                   ng-model="newPassword"
>                                                   name="newPassword"
>                                                   placeholder="@Labels.newPassword"
>                                                   type="password"
>                                                   autocomplete="off"
>                                                   required
>                                                   ng-pattern="validPassword" />  <!--/^\d*$/  This worked but not "^(?=.*[A-Za-z])(?=.*\\d)[A-Za-z\\d]{8,}$" or "^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$"-->
>                                            <!--I had to create validPassword ng scope function to make it work. Worked testing with http://www.regular-expressions.info/javascriptexample.html -->
>                                            <div class="field-validation-error">
>                                                <span ng-show="resetPasswordForm.newPassword.$error.pattern && resetPasswordForm.newPassword.$dirty">@Messages.passwordValidation</span>
>                                                <span ng-show="resetPasswordForm.newPassword.$error.required && resetPasswordForm.newPassword.$dirty">@String.Format(Messages.isRequired, Labels.newPassword)</span>
>                                            </div>
>                                        </div>
>                                    </div>

>
>The password fields have red border when I just open the form (and did nothing yet). And when immediately as I start typing I get the pattern validation error.
>
>I want to see the errors only after I leave the control, not while I'm typing or if I didn't even touch the control.
>
>Do you know how can I figure out why this behavior is happening?
>
>Thanks in advance.

the ng-model-option updateOn : 'blur' should work. See 'Custom model update triggers' section : https://docs.angularjs.org/guide/forms