javascript - AngularJS 中的验证不起作用

Question

我有一个表单，其中使用 Bootstrap 添加了两个文本字段。现在我尝试为这两个字段添加 AngularJs 验证，但无法做到这一点。这是我的 userId 文本字段的标记。

    <form role="form" name="Loginform" action="" method="post" class="registration-form">
    <div class="form-group">
    <label class="sr-only" for="UserID">User ID</label>
    <input type="text" name="UserID" ng-model="user" placeholder="User ID..." class="form-first-name form-control" id="UserID" required>
    <span style="color:red" ng-show="Loginform.user.$dirty && myForm.user.$invalid">
    <span ng-show="Loginform.user.$error.required">Username is required.</span>
    </span>
    </div>
    </form>

请帮我解决这个问题..谢谢..

Answer 1

你能看到我已经更新了代码并做了一些更正吗 http://jsfiddle.net/v7je78gq/

<span style="color:red" ng-show="Loginform.$dirty && Loginform.$invalid">
<span ng-show="Loginform.$error.required">Username is required.</span>
</span>

这是因为您正在检查表单中不存在的属性希望这对您有帮助