How to clear validation messages and styles form modal form when closed in ASP.NET MVC

Question

I am using a Jquery UI modal form to post data back to my action and it works fine. However when I put client side validation on and the user closes the modal without submitting the form retains the validation messages and styles.

It there away to clear the validation messages and styles in JS on the client?

Answer 1

Use the "close" event to remove classes or styles etc

$('.selector').dialog({
    close: function(event, ui) {
       $('.selector').css('property',''); // sets a style property to nothing
       // or maybe
       if($('.selector').hasClass('classname'))
       {
           $('.selector').removeClass('classname'); // removes a class from the selector
       }
    }
});