Почему в этом случае ASP.NET MVC 3 не включает проверку на стороне клиента? - PullRequest
Новая
       28

Почему в этом случае ASP.NET MVC 3 не включает проверку на стороне клиента?

3 голосов
/ 01 сентября 2011

Я пытаюсь интегрировать ненавязчивую проверку на стороне клиента в моем проекте ASP.NET MVC 3 согласно рецепту Брэда Уилсона .Тем не менее, он не включается в представлении.Например, мои <input> элементы (т. Е. Поля редактора) не получают атрибута data-val, как предписано.

Я сделал следующее, чтобы включить ненавязчивую проверку на стороне клиента:

Web.config: 

<configuration>
  <appSettings>
    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
  </appSettings>
</configuration>

Options.cs: 

public class Options
{
    // Annotate with validation rules, in order to generate client-side validation code 
    [Required, StringLength(60)]
    public string Bugs = "";
}

_Layout.cshtml: 

<head>
  <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
  <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
  <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
</head>

Options.cshtml: 

@model MyProject.Models.Options

<div id="options-form">
  @Html.ValidationSummary(true)
  <fieldset>
    <legend>Options</legend>
    <div class="editor-label">
      @Html.LabelFor(model => model.Bugs)
    </div>
    <div class="editor-field">
      @Html.EditorFor(model => model.Bugs)
      @Html.ValidationMessageFor(model => model.Bugs)
    </div>
  </fieldset>
</div>

Этот HTML генерируется для поля редактора: 

<div class="editor-label">
  <label for="Bugs">Bugs</label>
</div>
<div class="editor-field">
  <input class="text-box single-line" id="Bugs" name="Bugs" type="text" value="" />

Как видите, атрибут data-val отсутствует: (

1 Ответ

3 голосов
/ 01 сентября 2011

Вы забыли использовать form.Окружите свой набор полей с помощью Html.BeginForm

<div id="options-form">
@using (Html.BeginForm()) {
  @Html.ValidationSummary(true)
  <fieldset>
    <legend>Options</legend>
    <div class="editor-label">
      @Html.LabelFor(model => model.Bugs)
    </div>
    <div class="editor-field">
      @Html.EditorFor(model => model.Bugs)
      @Html.ValidationMessageFor(model => model.Bugs)
    </div>
  </fieldset>
}
</div>

Это инициализирует FormContext, и ваши входные данные получат атрибуты проверки данных-*

...