html – md-select – 如何强制要求?

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

<select multiple required ... >

Here是小提琴,显示我的意思.在此示例中,如果未从select标记中选择至少1个选项,则我的浏览器不允许我提交表单.

我希望md-select的行为类似,但我不知道我该怎么做 – 既没有’required属性也没有添加’ng-require’指令有帮助.

解决方法

您可以依靠Angular对此进行验证,而不是浏览器.这是我的分叉示例:

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

特别:

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

要保持提交按钮被禁用,直到表单有效,并且

<form novalidate name="myForm">

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

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

编辑:确保在< select multiple>上放置ng-model,否则所需的属性将不起作用.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些