AngularJS:阻止验证隐藏的表单域
AngularJS:阻止验证隐藏的表单域
提问于 2013-10-01 19:00:20
防止在AngularJS中验证隐藏表单域的最佳方法是什么？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-10-02 17:00:18
最初，我错过了内置的ngRequired指令。还有一个required标签，它把我搞糊涂了。
现在，我们可以使用相同的逻辑(我们用来隐藏元素)来设置ngRequired为假。
这里有一个实际使用的例子:我想问结婚的人他们有多少孩子，但是，如果他们还没有结婚，简单地隐藏关于孩子的字段。
<form ng-app name="form">
Marital status:
<select ng-model="maritalStatus" required>
<option value="">Select...</option>
<option value="M">Married</option>
<option value="UM">Unmarried</option>
</select>
<div ng-show="maritalStatus == 'M'">
Number of children: <input type="number" ng-model="children" ng-required="maritalStatus == 'M'">
</div>
(for testing) Is this form correctly filled? {{form.$valid}}
</form>Stack Overflow用户
发布于 2014-11-25 06:49:19
您还可以通过使用ng-if而不是ng-show在DOM/表单中完全添加或删除它。
<div ng-show="maritalStatus === 'M'">
Number of children: <input type="number" ng-model="children" ng-required="maritalStatus == 'M'">
</div>到这个
<div ng-if="maritalStatus === 'M'">
Number of children: <input type="number" ng-model="children" ng-required="true">
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19114467
复制相关文章
相似问题