JQuery - Require a Form Field if Visible

Question

I'm using the Jquery code below for a webform in Power App Portals. The code hides theBIL Categorydrop-down field based on the choice selected in theType of Funding Requestdrop-down field. This all works perfectly.

Now I simply want to require theBIL Categoryfield if it is visible. How can I modify the code to achieve this?

$(document).ready(function () {
     $("#cr92d_typeoffundingrequest").change(onDisplaySectionChange);
     onDisplaySectionChange();
});

function onDisplaySectionChange() {
    var varFunding = $('#cr92d_typeoffundingrequest').find("option:selected").text();
    if (varFunding === "DWSRF") 
    
    {
    $('#cr92d_bilcategory').parent().parent().hide();
    }
    else{$('#cr92d_bilcategory').parent().parent().show();
}
}

Answer 1

    else
{
    $('#cr92d_bilcategory').parent().parent().show();
    $('#cr92d_bilcategory').prop('required', true);     
   $('#cr92d_bilcategory').closest(".control").prev().addClass("required");
    }

Try this.