You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Make changes to the default styling of the validation messages when needed:
67
+
Make changes to the styling of the validation messages when needed by using the `invalid-feedback` class. E.g.:
68
68
69
69
```scss
70
70
.invalid-feedback {
71
71
width: 100%;
72
72
margin-top: .25rem;
73
73
font-size: 80%;
74
-
color: #dc3545;
74
+
color: red;
75
75
}
76
76
```
77
77
@@ -103,6 +103,30 @@ Or combining the two options above:
103
103
Validators.minLength(() =>this.getMinimumLength(), minLength=>`The minimum length is ${minLength}.`)
104
104
```
105
105
106
+
## Changing when validation messages are displayed
107
+
108
+
By default validation messages are displayed when the associated control is touched, or when the form has been submitted while the `ind-validation-messages` component was instantiated (meaning any hidden elements would not show their validation until a resubmit).
109
+
110
+
This implementation can be overridden by changing the module import as follows:
0 commit comments