вам нужно добавить плагин jquery и jQuery Validation (и, необязательно, ненавязчивую библиотеку)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/jQuery.Validate/1.7/jQuery.Validate.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
, поэтому ваше представление будет следующим:
@using ErasProject.Models
@model ErasProject.Models.Bulletin1ViewModel
<script src="jquery.min.js"></script>
<script src="jQuery.Validate.min.js"></script>
<script src="jquery.validate.unobtrusive.min.js"></script>
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
<fieldset>
<p>
@Html.EditorFor(model => model.NumberDelegations)
@Html.ValidationMessageFor(model => model.NumberDelegations)
</p>
<p>
@Html.EditorFor(model => model.TravelPlans)
@Html.ValidationMessageFor(model => model.TravelPlans)
</p>
<p>
<input type="submit" value="Submit" />
</p>
</fieldset>
}
Просто добавили ваш объект и создали Add
Действие, например:
public ActionResult Add()
{
return View();
}
, и создали представление, используя шаблон Create
и класс Bulletin1ViewModel
, которые выглядят так:
@model WebApp_MVC3.Models.Bulletin1ViewModel
@{
ViewBag.Title = "Add";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Add</h2>
<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>
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>Bulletin1ViewModel</legend>
<div class="editor-label">
@Html.LabelFor(model => model.NumberDelegations)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.NumberDelegations)
@Html.ValidationMessageFor(model => model.NumberDelegations)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.TravelPlans)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.TravelPlans)
@Html.ValidationMessageFor(model => model.TravelPlans)
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
не делая ничего больше, результат:
оригинальный файл
Я бы перепроверил библиотеки javascript ...