如何在angularjs中进行表单验证

Question

我的表格如下，

<div ng-if="vm.settingsObj.others.name === 'Course Specialization'">
            <div class="form-group">
                <div class="col-xs-12" ng-repeat="specialization in vm.settingsObj.course_specialization">
                    <div class="row">
                        <div class="form-group col-sm-8" >
                            <input name="course_specialization{{$index}}" class="form-control" placeholder="Course Specialization" ng-model="specialization.value" >
                        </div>
                        <div class="form-group col-sm-4">
                            <button  ng-click="vm.removeStatus('course_specialization',$index)" class="btn btn-danger">Remove</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <button class="btn btn-blue" ng-click="vm.addStatus('course_specialization')" >ADD</button>
            </div>
        </div>

这里我在点击“添加”按钮时递增输入字段但是当我将输入字段保留为空并点击保存时它会被保存。所以我需要的是当我的字段为空时表单验证。任何人都可以请帮助我。谢谢。

Answer 1

您必须将所有输入包装在单个表单标记中，以便可以使用角度表单验证。 Angular使用类和表单控制器提供了一组很好的验证，你应该这样做。有关更多信息，您可以从以下链接中找到参考：

link one

或您可以关注的概述

link two