[英]css styling for angular reactive form requiring form to be touched and invalid
我正在使用反应式表单来允许用户更改他们的密码。 我想设置我的输入框样式,以便在表单无效或出现错误时向用户显示。
input.ng-invalid {
border: 1px solid red;
}
问题是这在表单被触摸之前就显示出来了。 我希望此 CSS 仅在触摸表单后应用。 不确定如何在 CSS 中实现这种行为。
如果您只想在触摸时显示错误,请使用名为ng-touched
类的 aply
input.ng-touched.ng-invalid {
border: 1px solid red;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.