Обязательное и не обязательное поле для заполнения
Нужно сделать такую штуку. Есть 4 поля для заполнения (логин, имеил, пароль и ещё одно). Перед полями два переключателя. Если выбран первый, 4е поле неактивно, если выбран второй, то оно активно. Заполенные данные отправляются в БД. Но как сделать, чтобы условие для обязательного заполнения в случае, когда 4е поле не активно, на это поле не работало? То есть получается, что в поле ничего ввести нельзя, но как бы обязательно.
<script>
document.querySelectorAll('.active_field')[1].oninput = (ev) => {
if (ev.target.checked) {
document.querySelector('#org').disabled = false;
document.querySelector('#org').required = true;
}
}
document.querySelectorAll('.active_field')[0].oninput = (ev) => {
if (ev.target.checked) {
document.querySelector('#org').disabled = true;
document.querySelector('#org').required = false;
}
}
</script> <input id="org" type="text" class="form-control @error('org') is-invalid @enderror" name="org" value="{{ old('org') }}" autocomplete="org" autofocus disabled>