验证AngularJS中的不可见字段和禁用字段
Jo
有什么办法可以在AngularJS中进行条件验证？我要解决的问题基本上是一个单选按钮列表，这些单选按钮基于选择启用/禁用输入。下图描述了该问题。第一个文本输入仅接受字母，第二个文本仅接受数字。都有ng-pattern和ng-required设置。（有关Plunker的工作示例）
我想要实现的是所选择的单选按钮时，验证用于关闭相应的输入字段。
我曾希望将其设置ng-disabled为true可以防止为所讨论的表单控件设置无效状态，但是事实并非如此。
到目前为止，我找到的唯一解决方案是在选择另一个选项并将设置ng-required为false时清除输入。是否有任何明智的方法来实现这一目标，或者是将元素完全从DOM中删除的唯一解决方案？
土清
试试这个指令：
.directive('disableChildren', function() {
return {
require: '^form',
restrict: 'A',
link: function(scope, element, attrs,form) {
var control;
scope.$watch(function() {
return scope.$eval(attrs.disableChildren);
}, function(value) {
if (!control) {
control = form[element.find("input").attr("name")];
}
if (value === false) {
form.$addControl(control);
angular.forEach(control.$error, function(validity, validationToken) {
form.$setValidity(validationToken, !validity, control);
});
} else {
form.$removeControl(control);
}
});
}
}
})
有关更多信息以及其工作原理的说明。查看我类似的指令，从验证中排除隐藏的元素：
实现指令以从验证中排除隐藏的输入元素（$ addControl问题）
我认为我们可以以某种方式组合这些指令以创建通用指令，该通用指令可根据我们对表达式的求值方式在任何地方使用。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
用PDFBOX设置的表单字段值在Adobe Reader中不可见
- 2
Java中的“字段不可见”错误
- 3
HTML5 checkValidity和不可见字段
- 4
Django-表单验证，隐藏字段和可见字段的清洁方法
- 5
指令从表单中删除空字段和禁用字段
- 6
在1个字段openerp中使用只读和不可见
- 7
输入值在angularJS中不可见
- 8
返回R中的不可见和可见输出
- 9
带禁用字段的角度表单验证
- 10
jQuery验证不可见字段
- 11
文本字段和标签在UITableVIew的tableViewCell中不可见
- 12
Scala类字段不可见
- 13
Solr字段在查询结果中不可见
- 14
Flutter：当ListView中的字段不可见时，不调用TextFormField验证器
- 15
如何从odoo 13中使不可见的现有字段报价日期
- 16
在Vuetify-js数据表中搜索不可见字段
- 17
Javascript值在输入字段值中不可见
- 18
Django-验证modelform_factory中的禁用字段
- 19
Java中的“字段不可见”错误
- 20
验证AngularJS中的不可见字段和禁用字段
- 21
如何通过选择HTML中的单选按钮选项使文本字段/选择选项可见/不可见？
- 22
如何禁用字段的验证
- 23
如何使密码在Swing文本字段中不可见？
- 24
读取模式下RT字段中的附件不可见
- 25
字段component.x不可见
- 26
不可见的弹性搜索字段
- 27
cassandra中的分区键，使字段不可见
- 28
文本在某一特定字段的输入类型字段中不可见
- 29
页面同时具有可见和不可见字段
我来说两句