AngularJs的表单验证没有'不起作用

AngularJs form validation doesn't work

本文关键字：不起作用 表单 验证 AngularJs      更新时间：2023-09-26

我是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']);

这是您的代码的工作演示。

 <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消息应仅包括angular.min.js下方

请查看演示

https://docs.angularjs.org/guide/forms

请注意，novalidate用于禁用浏览器的本机表单验证。

尝试从表单标签中删除novalidate：

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

我希望它能有所帮助。

相关文章：