javascript - AngularJs 表单验证不起作用

Question

我是 Angular JS 的新手，致力于表单验证。我已经完成了所有操作，但验证仍然不起作用。这是我的代码:

<form role="form" name="studentForm" class="form-horizontal" novalidate>
    <div class="form-group">
        <label for="student_email" class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
            <input type="email" name="student_email" ng-model="studentEmail" class="form-control" id="student_email" required>
            <div role="alert" class="error-msg" ng-messages="studentForm.student_email.$error">
                <p ng-message="required">Your email is required.</p>
            </div>
        </div>
    </div>
</form>

脚本:

angular.module('app', ['ngMessages']);

Answer 1

这是working Demo对于你的代码。

 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.js"></script>
 <script src="script.js"></script>

可能您忘记在 html 文件中添加脚本。脚本在index.html 文件中的位置也很重要。 ng-message 应该只包含在 angular.min.js

下面

请检查demo