JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<div id="p_lt_ctl03_pageplaceholder_p_lt_ctl01_DoIQualify_financials" class="pannel" style="display: block;">
<div class="field-invalid">
<ul class="input-error-message borrower1Salary_errors">
            <li><label for="p_lt_ctl03_pageplaceholder_p_lt_ctl01_DoIQualify_financials_borrower1Salary" generated="true" class="error" style="display: inline-block;">Please enter a value greater than or equal to 1.</label></li></ul>
    
test
    
<ul class="input-error-message borrower2Salary_errors">
    
</ul>
<input class="inputbox" type="number" onblur="checkDOMChange()">

    
<div>
</div>

CSS

.input-error-message {
width:100%;
    height:30px;
    background-color:yellow;

}

JavaScript

function checkDOMChange(){
       if($("div[id$='DoIQualify_financials'] div").hasClass("field-invalid")){
       if ($('.borrower1Salary_errors li').length == 0){
            jQuery("ul.borrower1Salary_errors").hide();
        }
        if ($('.borrower2Salary_errors li').length == 0){
            jQuery("ul.borrower2Salary_errors").hide();
        }
}