如何在HTML元素处于活动状态时才启用验证?



我有一个单选按钮和相应的输入文本框,当单选按钮被选中时显示。我保留了输入标记所需的验证属性,如下所示:

<input type="text" id="textbox" required />

当我取消选择单选按钮时,此文本框将隐藏。但是,即使文本框被隐藏,我也无法提交表单。毕竟,隐藏的必填字段仍然是必需的,所以我不能仅仅将必填属性放在那些隐藏的字段上。

解释了我的场景:

是否有"HTML-Only"仅在文本框处于活动状态时允许验证的方法?如果没有,我如何使用Angular 2(或香草JavaScript)实现相同的功能?

在显示/隐藏输入框时可以使用' ng-if '代替'ng-show/ng-hide '。因为,ng-show/hide只隐藏元素,但它在DOM中,而ng-if只在条件满足时生成元素

最新更新