ASP.NET MVC 3: Required steps for unobtrusive client-side validation of dynamic/AJAX content

Question

What are the complete set of Steps Required for client-side unobtrusive validation to work for dynamically inserted form fields?

Relevant SO posts<

Answer 1

At this point I believe the following is a complete set of requirements:

1. Create a form with Html.BeginForm
2. Turn on ClientValidationEnabled
3. Turn on UnobtrusiveJavaScriptEnabled
4. Set appropriate validation attributes on the model's properties (not fields)
5. If the Html Helpers being used to create the form elements are not on the same form as the Html.BeginForm call, use a relevant workaround (see workaround 1 and workaround 2)
6. Include jquery, jquery.validate.js, and jquery.validate.unobtrusive.js files, in that order
7. Verify that the unobtrusive validation attributes are present in the HTML
8. If using custom validators:
   • ensure that they are added to jQuery.validator.unobtrusive.adapters
   • ensure that they are added to the jQuery validation plugin by calling jQuery.validator.addMethod.
   • ensure that the above happen before $(document).ready() as at that point it's too late
9. Call jQuery.validator.unobtrusive.parse or jQuery.validator.unobtrusive.parseElement on elements added dynamically after the initial page load.