How to reinitialize jQuery unobtrusive validation?

Question

I am loading a form with the proper attributes for jQuery via an AJAX call, the problem is because it's being loaded in after the document is ready the jQuery unobtrusive validation is not picking up the required validation. Can anyone tell me the method I would run to reinitialize it?

Answer 1

To parse the form's validation attributes after you return it to the page you need to run this: $.validator.unobtrusive.parse('#yourFormSelector')

In my application I put this call into the ajaxComplete handler so I don't have to worry about it anymore. I have it reparse every form on the page and it's been working fine in production for quite a while (even when there are a couple hundred forms on the page).

$(document).ajaxComplete(function() {
    $.validator.unobtrusive.parse('form');
});