How to setup MVC 5 unobtrusive validation correctly when appending the form from an AJAX call?

Question

I have googeld about this issue and I have checked my web.config, bundleconfig and my layout which look like this: web.config:

Answer 1

After some time I figured this out.

I was appending this form from an AJAX call which returned a partial view.

I found the answer here

apperently when adding dynamic data like this you first have to strip the form of 'validator' and 'unobtrusiveValidation'and then call the $.validator.unobtrusive.parse function on the form, like so:

var form = $("#main_div").closest("form");
form.removeData('validator');
form.removeData('unobtrusiveValidation');
$.validator.unobtrusive.parse(form);

A more detailed explenation can be found here