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

概述如何在多种模式下强制md-select表现得像 <select multiple required ... > ？ Here是小提琴,显示我的意思.在此示例中,如果未从select标记中选择至少1个选项,则我的浏览器不允许我提交表单. 我希望md-select的行为类似,但我不知道我该怎么做 – 既没有’required’属性也没有添加’ng-require’指令有帮助. 您可以依靠Angular 如何在多种模式下强制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,否则所需的属性将不起作用.

总结

以上是内存溢出为你收集整理的html – md-select – 如何强制要求？全部内容，希望文章能够帮你解决html – md-select – 如何强制要求？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。