javascript - AngularJS,如何在 select > options 上使用 min =""来验证表单?

标签 javascript html css angularjs

比如说我有这段代码:

<form name="myForm">
<select id="mySelect" required min="1" ng-model="foo">
  <option value="0">Zero</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>
<button>My Button would go here</button>
</form>

您可能会说,我的目标是确保如果选择零选项(因为最小数字为 1),则表单无效。但是,出于某种原因,这不起作用。如何才能看到 min=""应用于这些值?

而且,不,在我的情况下,我不能去掉零选项,我需要验证它。

提前致谢

最佳答案

您能否保留选项“零”但没有值,“必需”属性会捕捉到这一点?

<form name="myForm">
<select id="mySelect" required ng-model="foo">
  <option value="">Zero</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>
<button>My Button would go here</button>
</form>

关于javascript - AngularJS,如何在 select > options 上使用 min =""来验证表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28244107/

相关文章:

javascript - jquery keyup 延迟有效,但搜索值被 chop

Javascript:用字符串开头的 x 空格替换 x &nbsp

javascript - 按钮点击后消失 Js/html

html - IE9 中表格背景颜色的奇怪问题

CSS Grid 隐藏不适合的元素

javascript - 使用 JQuery 解析 JSON 字符串时出错

javascript - Antd 多选选项,但从搜索字段中删除条目

html - 如何使 <div> 填充 ionic 中的剩余高度

javascript - 如何在 css 中将侧边栏与 youtube 播放器对齐

jquery - 显示 Bootbox 模态向下滚动隐藏滚动条