在angularJS中选择Box验证

时间:2015-01-01 06:41:21

标签: javascript angularjs

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

<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>

在成功验证时,我无法使启用按钮始终处于禁用模式。 请帮帮我或指导我做错的地方......

1 个答案:

答案 0 :(得分:0)

我用你的html创建了一个plunker,它的工作原理。

只需从列表中选择任何值,该按钮就会启用。

PLUNKER LINK