required
和ng-required
(表单验证)有什么区别?
发布于 2013-05-20 11:47:38
AngularJS表单元素查找required
属性来执行验证功能。ng-required
允许您根据布尔测试设置required
属性(例如,如果您选择“required
”作为选项,则只需要字段B-比方说,学生号-如果字段A具有某个特定值)
举个例子,<input required>
和<input ng-required="true">
本质上是一回事
如果你想知道为什么是这样的(而不仅仅是<input required="true">
或<input required="false">
),这是由于的限制- required
属性没有关联值-它的存在仅仅意味着元素是必需的(根据HTML标准)-所以angular需要一种方法来设置/取消设置所需的值(required="false"
将是无效的HTML)
发布于 2014-09-02 13:05:59
我想为tiago's answer做一个插件
假设您正在使用ng-show
隐藏元素,并在同一元素上添加required
属性:
<div ng-show="false">
<input required name="something" ng-model="name"/>
</div>
将抛出类似于以下内容的错误:
名称为‘’的无效表单控件不可聚焦
这是因为您不能将required
验证强加于hidden
元素。使用ng-required
可以更容易地有条件地应用所需的验证,这太棒了!!
发布于 2015-12-15 14:13:23
HTML attribute required="required"
是一条语句,它告诉浏览器需要此字段才能使表单有效。(required="required"
是XHTML表单,只需使用required
即可)
HTML ng-required="yourCondition"
的意思是'isRequired(yourCondition)‘,它根据您的条件动态地设置属性。
还要注意的是,超文本标记语言版本是令人困惑的,它是不可能写一些像required="true"
或required="false"
这样的条件,只有属性的存在才是重要的(存在意味着真)!这就是Angular帮助你解决ng-required
问题的地方。
https://stackoverflow.com/questions/16648669
复制相似问题