Question

这是我目前的HTML代码：

<div class="form-group" ng-class="{ 'has-error' : form.inputName.$invalid && !form.inputName.$pristine }">
    <label for="inputName" class="col-sm-4 control-label"><font color='RED'>* </font>Name</label>
    <div class="col-sm-8">
        <input type="text" class="form-control" ng-model="name" name="inputName" id="inputName" placeholder="Enter in a name." required />
        <p ng-show="form.form.$invalid && !form.form.$pristine" class="help-block">Name is required.</p>
    </div>
</div>

现在，这适用于任何情况下必需的字段。

但是，让我们说用户可以选择像Hair Style这样的标签，并且必须描述颜色字段和长度字段。如果这些字段为空，则显示一条小消息（如ng-show）。因此，基于用户选择的任何选项卡，如果未输入该选项卡的正确信息，则用户应该看到错误。我如何使用角度来显示它？

EG。控制器代码......

$scope.someButtonPressed = function() {
    if ($scope.color == "") {
        // display ng-show for color
        // input field should have a red border to it
    }
}

以下是我从http://codepen.io/sevilayha/pen/xFcdI

获取html错误验证码的地方

Answer 1

您应该参考https://scotch.io/tutorials/angularjs-form-validation，其中有详细解释和示例。

此doc也必须阅读!!

如果要为必填字段设置边框颜色，请参阅this。您可以将ng-invalid类用于ng-required字段

使用AngularJS显示表单验证错误

1 个答案: