Bootstrap 4 проверки - проверьте, было ли заполнено хотя бы одно поле

Question

В веб-форме я хочу создать проверку (при отправке), которая заставит пользователя заполнить хотя бы одно из двух полей, но я хотел бы сделать это, используя действительные / недействительные классы, которые предлагает Bootstrap .

<div class="form-row">
    <div class="col-2">
        <label for="companyIdId">Company ID</label>
        <input type="text" class="form-control" id="companyIdId" placeholder="" required="true" />
        <div class="invalid-feedback"> Company Id is mandatory. </div>
        <div class="valid-feedback"> Looks good! </div>
    </div>
    <div class="col-3">
        <label for="CompanyRegNumberId">Company Registration Number</label>
        <div class="input-group">
            <input type="text" class="form-control" id="CompanyRegNumberId" placeholder="" aria-describedby="inputGroupPrepend" required="true" />
            <div class="invalid-feedback"> Company Registration Number is mandatory. </div>
            <div class="valid-feedback"> Looks good! </div>
        </div>
    </div>
</div>

Как этого достичь?

Answer 1

Go посмотрите на Bootstrap форм и просто добавьте предоставленный скрипт