Databases
StackOverflow2013
Postsdbo
POMVC3 Razor Partial view render does not include data- validation attributes
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMVC3 Razor Partial view render does not include data- validation attributes
    primarykey
    data
    text
    <p>I have a farily straight forward form that renders personal data as a partial view in the center of the form. I can not get client side validation to work on this form. I started chasing down the generate html and came up with the same model field rendered on a standard form and a partial view.</p> <p>I noticed that the input elements are correctly populated on the first call, @html.partial, the following only happens when the partialview is reloaded via an ajax request.</p> <p>First the header of my partial view, this is within a Ajax.BeginForm on the main page.</p> <pre><code>@model MvcMPAPool.ViewModels.EventRegistration &lt;script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { $(".phoneMask").mask("(999) 999-9999"); }); &lt;/script&gt; @{ var nPhn = 0; var dTotal = 0.0D; var ajaxOpts = new AjaxOptions{ HttpMethod="Post", UpdateTargetId="idRegistrationSummary", OnSuccess="PostOnSuccess" }; Html.EnableClientValidation( true ); Html.EnableUnobtrusiveJavaScript( true ); } </code></pre> <p>Here is the razor markup from the partial view:</p> <pre><code>@Html.ValidationMessageFor(model=&gt;Model.Player.Person.Addresses[0].PostalCode) &lt;table&gt; &lt;tr&gt; &lt;td style="width:200px;"&gt;City*&lt;/td&gt; &lt;td&gt;State&lt;/td&gt; &lt;td&gt;Zip/Postal Code&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;@Html.TextBoxFor(p=&gt;Model.Player.Person.Addresses[0].CityName, new { style="width:200px;", maxlength=50 })&lt;/td&gt; &lt;td&gt; @Html.DropDownListFor(p=&gt; Model.Player.Person.Addresses[0].StateCode , MPAUtils.GetStateList(Model.Player.Person.Addresses[0].StateCode))&lt;/td&gt; &lt;td&gt; &lt;div class="editor-field"&gt; @Html.TextBoxFor(p=&gt;Model.Player.Person.Addresses[0].PostalCode, new { style="width:80px;", maxlength=10 }) &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>Here is the rendered field from the partial view:</p> <pre><code> &lt;td&gt; &lt;div class="editor-field"&gt; &lt;input id="Player_Person_Addresses_0__PostalCode" maxlength="10" name="Player.Person.Addresses[0].PostalCode" style="width:80px;" type="text" value="" /&gt; &lt;/div&gt; &lt;/td&gt; </code></pre> <p>Here is the same model field rendered in a standard view:</p> <pre><code> &lt;div class="editor-field"&gt; &lt;input data-val="true" data-val-length="The field Postal/Zip Code must be a string with a maximum length of 10." data-val-length-max="10" data-val-required="Postal or Zip code must be provided!" id="Person_Addresses_0__PostalCode" maxlength="10" name="Person.Addresses[0].PostalCode" title="Postal/Zip Code is required" type="text" value="" /&gt; &lt;span class="field-validation-valid" data-valmsg-for="Person.Addresses[0].PostalCode" data-valmsg-replace="true"&gt;&lt;/span&gt; &lt;/div&gt; </code></pre> <p>Notice that the partial view rendering has no data-val-xxx attributes on the input element.</p> <p>Is this correct? I do not see how the client side validation could work without these attributes, or am I missing something basic here?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USScott Norberg
    1. USScott Norberg
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POMVC3 Razor Partial view render does not include data- validation attributes
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POMVC3 Razor Partial view render does not include data- validation attributes
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POMVC3 Razor Partial view render does not include data- validation attributes
      1. USREMESQ
      1. VTFavorite
    1. COSee the [`@using (Html.BeginSubForm())` answer](http://stackoverflow.com/a/8750181) to [ASP.NET MVC 3: Generate unobtrusive validation when BeginForm is on the layout](http://stackoverflow.com/questions/4997269/asp-net-mvc-3-generate-unobtrusive-validation-when-beginform-is-on-the-layout).
      singulars
      1. POMVC3 Razor Partial view render does not include data- validation attributes
      1. USJoel Purra
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload