Q:

Add MVC ValidationMessageFor to separate Div Tag

Is there a way to add all of the @Html. ValidationMessageFor blocks to a div container in the footer of the MVC parent _layout.cshtml page?  The code below shows the validation messages in the bottom div, but I would like to display them in the footer of the _Layout.cshtml DIV using jQuery. 
@model Proj. ViewModels. ApplicationControllerViewModel
@Html. ValidationSummary(true)

@using (Html. BeginForm(null, null, FormMethod. Post, new { id = "Details" }))
{
    <div id="divApplication">
        <div class="editor-label">
            @Html. LabelFor(model => model. Applicaiton. Name, new { @class = "formLabel" })
            @Html. HiddenFor(model => model. Applicaiton. ID, new { @class = "Application-ID" }) 
            @Html. TextBoxFor(model => model. Applicaiton. Name, new { @class = "Application-Name" })
        </div>
        <br />
        <div class="editor-label">
            @Html. LabelFor(model => model. ControllerList, new { @class = "formLabel" })
            @Html. DropDownList("ControllerList", Model. ControllerList, new { @class = "Application-ControllerList"})
        </div>
        <br />
        <div class="editor-label">
            @Html. LabelFor(model => model. Applicaiton. Abbreviation, new { @class = "formLabel" }) 
            @Html. TextBoxFor(model => model. Applicaiton. Abbreviation, new { @class = "Application-Abbreviation" })
        </div>
        <br />
        <div class="editor-label">
            @Html. LabelFor(model => model. Applicaiton. Description, new { @class = "formLabel" }) 
            @Html. TextAreaFor(model => model. Applicaiton. Description, new { @class = "Application-Description", rows = 10, cols = 60 })
        </div>
        <br />
        <div class="editor-label">
            @Html. Label("Deployed Date", new { @class = "formLabel" })
            @Html. TextBoxFor(model => model. Applicaiton. DeployedOn, "{0:MM/dd/yyyy}", new { @class = "Application-DeployedOn" })
        </div>
        <div>
            @Html. ValidationMessageFor(model => model. Applicaiton. Name)
            @Html. ValidationMessageFor(model => model. Applicaiton. Abbreviation)
            @Html. ValidationMessageFor(model => model. Applicaiton. Description)
            @Html. ValidationMessageFor(model => model. Applicaiton. DeployedOn)
        </div>
    </div>
}

A:

Gonna take a crack at this even though I'm still confused on how your html looks and these partial views.  Use the .html() method on page load of your views.  For instance if you're on the view listed above add an id to your validation divs as 
<div id="ValidationDiv">
        @Html. ValidationMessageFor(model => model. Applicaiton. Name)
        @Html. ValidationMessageFor(model => model. Applicaiton. Abbreviation)
        @Html. ValidationMessageFor(model => model. Applicaiton. Description)
        @Html. ValidationMessageFor(model => model. Applicaiton. DeployedOn)
 </div>

You're going to want to put the same id on all validation divs for views that contain input.  Then in your _Layout view in the footer area set an empty div with an id as
<div id="ValidationHolder">

</div>

Then going bak to our views with inputs just a Javascript function that copies html from the ValidationDiv to the ValidationHolder
$(document).ready(function() {
    var partialViewDivHtml = $('#ValidationDiv').html();
    var layoutDiv = $($'#ValidationHolder');
    layoutDiv.html(partialVIewDivHtml);
})

