0

如果有一个登录页面，如果该字段为空，我想将文本输入的边框颜色更改为红色。到目前为止，我只完成了在 textinput 下方显示文本，但没有更改边框颜色。我该怎么做？我目前正在使用 angularjs 和 ionic1。

这是我的html代码：

  <label class="item item-input" style="background-color: #000000; background: linear-gradient(to bottom, #2B292A, #000000); border-color: #494949;" id="login-input3">
     <img src="img/finalimages/username.png" style="width: 20px; margin-right: 10px;">
     <input type="text" name="userName" placeholder="用户名不允许出现符号" style="color: #ffffff;" ng-model="username" ng-required="true">
  </label>
  <p ng-show="login_form3.userName.$invalid && !login_form3.userName.$pristine" class="help-block">Your name is required.</p>
4

1 回答 1

1

首先，设置一个样式类，如：

.redBorder{border: 1px solid red;}

然后添加ng-class到您的input喜欢：

ng-class="{'redBorder':login_form3.userName.$invalid && !login_form3.userName.$pristine}"

这会将样式更改redBorder为满足显示文本“需要您的姓名”的相同条件时的样式

于 2018-01-30T11:25:15.477 回答