微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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,否则所需的属性将不起作用.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐