要求不适用于 html 中的下拉菜单

Question

我遇到了这个需要标记的问题。我想在没有从列表中选择有效选项的情况下将质量字段设为必填字段，不应启用更新计费按钮。我在代码中遗漏了什么吗？请检查其他条件部分我将在此感谢您的帮助。

else
{
    <div class="form-horizontal" ng-class="{'has-error':Edit.Quality.$invalid &&
      Edit.Quality.$dirty}">
        <div class="form-group">
            <label class="control-label col-lg-2 pull-left">Quality<span class="Imp">*</span></label>
            <div class="col-lg-8">
                <select id="Quality" name="Quality" class="form-control" style="width:170px" ng-model="vm.EditRef_UI.Quality" tooltip="Quality is required"
                        tooltip-placement="top" tooltip-trigger="mouseenter" required>
                    <option selected disabled value="">(Select a Timeline)</option>
                    <option value="Satisfactory">Satisfactory</option>
                    <option value="NotSatisfactory">Not Satisfactory</option>
                </select>
            </div>
        </div>
    </div>
}

按钮代码：

<button type="button" class="btn btn-primary" data-dismiss="modal" data-ng-click="vm.Edit()" ng-disabled="Edit.$invalid" id="ticketEditbtn">Update Billing</button>

Answer 1

你可以这样使用：

<select id="Quality" name="Quality" class="form-control" style="width:170px" ng-model="vm.EditRef_OCBUI.Quality" tooltip="Quality is required"
                    tooltip-placement="top" tooltip-trigger="mouseenter" required="required">

我会工作

Answer 2

Angular 按照的建议执行字符串绑定，从而通过传递的值满足条件。这可以防止 required 认为所选选项有价值。

要求不适用于 html 中的下拉菜单

required not working for dropdown in html

html

requiredfieldvalidator

angularjs

ng-class