How to clear error messages using formvalidator?

Question

I've got some dynamic validation going on.

using addrules and removerules depending on some other control selected values.

when the form gets validated - error messages appear. so far so good.

now if i, for example remove a required rule from a field, the error message stays visible.

how can i remove the message?

.reset() is not an option because that would empty all the form fields the user already filled.

using 20.1.58

greetings

Sureshkumar P · Answer

Hi Michael,We need to remove the error message manually to achieve
your requirement. Find the code example here:

document.getElementById('resetField').addEventListener('click', function (e) {
    formObj.removeRules('cnic');
    formObj.element
      .querySelector('#cnic')
      .parentElement.querySelectorAll('.e-error')[1]
      .remove();
  });

Find the sample here: https://stackblitz.com/edit/h5g3ma-lf5hzm?file=index.js
Regards,Sureshkumar P