javascript - 文本框的无效类无效

标签 javascript html css angular

当文本框内没有值时,我希望文本框为红色边框 <input type="tel" #phone="ngModel" [class.is-invalid]="phone.invalid" class="form-control" name="phone" [(ngModel)]="userModel.phone">

最佳答案

您在这里需要的是为输入标签使用 "ngClass]="{'is-invalid': !phone.valid}"required 属性。

<input type="tel" #phone="ngModel" [ngClass]="{'is-invalid': !phone.valid}" class="form-control"  required name="phone" [(ngModel)]="userModel.phone">

这里是 Demo on stackblitz

关于javascript - 文本框的无效类无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54434639/

相关文章:

html - 如何将样式表渲染到页面 View

javascript - 根据下一个元素的类显示/隐藏一个元素

php - 更新后的 Wordpress 'Illegal string offset'

html - Flexbox 布局中的传单 map

css - 设置列表样式 - 去掉空白并将文本放在 li 的中间

javascript - 如何在 D3 附加的 vue.js 对象上启用 v-on 事件

javascript - 下划线模板和其他html文件如何绑定(bind)?

javascript - 在 JavaScript 中将字符串转换为整数

javascript - 如何从 Dialogflow 中的先前上下文获取参数

html - 在哪里可以找到输入占位符样式