简单 Angular 表单验证不起作用

Question

我这里有一个简单的 Angular 表格：

<form class="form-horizontal" role="form" name="alertForm">

    <div class="form-group">
        <label for="cautionMultiplier" class="col-sm-2 control-label">Yellow Multiplier</label>
        <div class="col-sm-5">
            <input type="number" min="1" class="form-control" ng-model="alert.cautionMultiplier" id="cautionMultiplier" name="cautionMultiplier" placeholder="Ex. 2" integer required />
            <span>{{alertForm}}</span>
            <span class="alert alert-danger help-block" ng-show="alertForm.cautionMultiplier.$error.number && alertForm.amount.$dirty">
                                    The value is not a valid integer
                                </span>
            <span class="alert alert-danger help-block" ng-show="alertForm.cautionMultiplier.$error.min ">
                                    The value must be at least 1 and an integer
                                </span>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2">
            <button type="submit" class="btn btn-primary pull-right" ng-click="addAlert(form)" ng-disabled="alertForm.$invalid">
                Save
            </button>
        </div>
    </div>
</form>

当我在 cautionMultiplier 框中输入 任何非整数（即 'a'） 时，不会触发验证消息 The value is not a valid integer。

我做错了什么？

Answer 1

仅当密钥 "required":

出现错误时才会显示此错误消息

ng-show="alertForm.cautionMultiplier.$error.required && alertForm.amount.$dirty"

将 required 替换为 number。

Answer 2

固定

我的问题是：alertForm.amount.$dirty 应该是 alertForm.cautionMultiplier.$dirty

简单 Angular 表单验证不起作用

Simple Angular Form Validation Not Working

forms

validation

angularjs