如果选择禁用 select 选项，则表单无效

Question

如果选择了我的 select 标签中的 value="0"，是否有办法使表单无效？我这样做的原因是在用户看到任何内容之前显示默认 select 选项。

但是即使用户没有选择任何东西，表单也是有效的。

<form name="add_task_frm" ng-submit="!add_task_frm.$valid || functiontoUse()" novalidate>

    <input type="text" ng-model="name" required />

    <select ng-model="action" required>
        <option value="0" selected disabled>Choose an Action</option>
        <option value="description">See Description</option>
        <option value="view">View</option>
    </select>

    <button type="submit">Submit</button>

</form>

Answer 1

我认为您可以从第一个选项中删除值，如果用户没有 select 任何东西，这应该会使它无效。但是我建议更改此实现以使用 ng-options。

https://docs.angularjs.org/api/ng/directive/ngOptions

如果选择禁用 select 选项，则表单无效

Invalidate form if disabled select option is chosen

html

angularjs

angularjs-validation