我的应用程序中有两个HTML表单字段,一个显示下拉列表供用户 Select 是否超过18岁,第二个字段是家长姓名.
我只想在用户未满18岁时将parent_name
字段设为required
.以下是我当前的相应表单部件代码.
<div>
<label for="over_18">Over 18?</label>
<select id="over_18" required multiple>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</div>
<div class="form-group">
<label>Parent Name</label>
<input type="parent_name" id="parent_name" required>
</div>
到目前为止,我已经创建了以下函数,但我无法理解如何使用它.
function updateRequirements() {
var over_18 = document.getElementById('over_18').value;
if (over_18 = 'No') {
doccument.getElementById('parent_name').required = true;
} else {
doccument.getElementById('parent_name').required = false;
}
}
Update:
如果第一个输入类型为date
,如何获得相同的结果?因此,只有当第一次输入中提供的年龄小于18岁时,才需要第二次输入.