如何使RequiredFieldValidator更改父div的css类

<div id="parent-div">
  <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1" ErrorMessage="This field is required." />
</div>

$(document).ready(function () {
  $('#<%= RequiredFieldValidator1.ClientID %>').on('click', function () {
    $('#parent-div').addClass('error-class');
  });
});

$(document).ready(function () {
  $('#<%= RequiredFieldValidator1.ClientID %>').on('click', function () {
    $('#parent-div').addClass('error-class');
  });

  $('#<%= RequiredFieldValidator1.ClientID %>').on('validation', function (e) {
    if (e.result) {
      $('#parent-div').removeClass('error-class');
    }
  });
});