Question

我有2个文本框控件＆＃34;低＆＃34;和＆＃34;高＆＃34;。高场不应该接受低于低的值，我做了这个验证，

<input id="txtLow" class="txtCell" ng-model='data.low'>
<input id="txtHigh" class="txtCell" ng-model='data.high'>
<button id="btnSave"  ng-click="saveData()">Save</button>
<label ng-show="isInvalid()" class="ErrorMsg">High should be greater than Low</label>

在我的控制器中，

$scope.saveData = function() {
            if (!$scope.isInvalid()) {
                .........
            }
        };
$scope.isInvalid = function () {
            return $scope.data.low > $scope.data.high;
        };

这很好用。但我需要将文本框的边框颜色更改为红色，而不是显示标签消息。

Answer 1

如果您没有css文件，请在html中添加此内容

<label ng-show="isInvalid()" class="ErrorMsg" style='class = red;'>High should be greater than Low</label>

AngularJS中的输入验证

1 个答案: