JSFiddle - React, Tailwind, and code Playground

HTML

<div class="editor-label">
            <label>Start date</label>
<input class="text-box single-line" data-val="true" data-val-required="Must not be Empty" id="StartDate" name="StartDate" type="email" value="">
<span class="field-validation-valid" data-valmsg-for="StartDate" data-valmsg-replace="true"></span>
</div>

<div class="targetDiv">You div only if invalid</div>

JavaScript

$(function(){
    $('.targetDiv').hide();
    $('#StartDate').change(function() {
          $(this).addClass('input-validation-error');
           $(this).next().removeClass('field-validation-valid').addClass('field-validation-error ui-state-error-icon ui-icon-alert');                   
         if( $(this).next().hasClass('field-validation-error'))
         {
             $('.targetDiv').show();          
         }
    });
});