Select angularJS 中的框验证

Question

我想在成功验证时启用保存按钮：

<form name="schedulerForm" class="form-horizontal">
            <div class="row">
                <div class="col-lg-12 col-md-12" ng-class="{'has-error' : schedulerForm.jobName.$invalid && !schedulerForm.jobName.$pristine }">
                    <h4 class="text-center">Assign Job Schedule</h4>                    
                        <select class="form-control" ng-change="getJobDetail(filterType)"
                            ng-model="filterType" id="jobName" required name="jobName">
                            <option value="">Select Job</option>
                            <option value="{{job.id}}" ng-selected="filterType == job.id"
                                ng-repeat="job in jobs" ng-disabled="jobStatus">{{job.jobName}}</option>
                        </select>                   
                </div>
            </div>
<button type="button" class="btn btn-primary" 
                                ng-click="assignSchedule()" ng-disabled="schedulerForm.$invalid">Save</button>
</form>

验证成功后，我无法获得始终处于禁用模式的启用按钮。请帮助我或指导我哪里做错了...

Answer 1

我用你的 html 创建了一个 plunker，它按原样工作。

只要 select 列表中的任何值，按钮就会启用。

PLUNKER LINK

Select angularJS 中的框验证

Select Box Validation In angularJS

javascript

angularjs