我有一个单选按钮和一个相应的输入文本框，当单选按钮被选中时显示。我在input标签上保留了必需的validation属性，如下所示：

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

当我取消选择单选按钮时，此文本框将隐藏。但是，即使文本框被隐藏，我也无法提交表单。毕竟，隐藏的必填字段仍然是必填的，所以我不能把必填属性放在那些隐藏的字段上。
解释了我的场景：
是否有任何“仅限HTML”的方法，只允许在文本框处于活动状态时进行验证？如果没有，我如何使用Angular 2（或vanilla JavaScript）实现相同的功能？