如果选择了禁用选择选项,则表单无效

时间:2016-07-21 16:48:08

标签: html angularjs angularjs-validation

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

但即使用户没有选择任何内容,表单也是有效的。

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

1 个答案:

答案 0 :(得分:0)

我认为您可以从第一个选项中删除该值,如果用户未选择任何内容,则应使其无效。但是,我建议更改此实现以使用ng-options。

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