html - md-select - 如何强制要求？

Question

如何在多模式下强制 md-select 表现得像

<select multiple required ... >

?

Here是 fiddle ，以表明我的意思。在此示例中，我的浏览器不允许我在未从 select 标记中选择至少 1 个选项的情况下提交表单。

我希望 md-select 的行为类似，但我不知道我该怎么做——放置“required”属性或添加“ng-require”指令都没有帮助。

Answer 1

您可以依靠 Angular 来对此进行验证，而不是浏览器。这是我的 fork 示例:

http://codepen.io/anon/pen/rVGLZV

具体来说:

<button type="submit" ng-disabled="myForm.$invalid">submit</button>

在表单有效之前保持提交按钮处于禁用状态，

<form novalidate name="myForm">

命名表单并告诉浏览器不要对其进行自己的验证。

您甚至可以为 ng-invalid 添加一些 CSS 类，以在无效字段周围显示红色。

编辑:确保你输入一个 ng-model在你的 <select multiple> ，否则所需的属性将不起作用。