Клиентская валидация

namespace BookEditor.Models
{
    public class Book
    {
        // ID книги
        [ScaffoldColumn(false)]
        public int Id { get; set; }
        // название книги
        [Required(ErrorMessage = "Введите название книги")]
        [StringLength(30, ErrorMessage="Длина поля "Название книги" не может превышать 30 символов")]
        public string Title { get; set; }
        // список авторов
        [Required(ErrorMessage = "Укажите хотя бы одного автора")]
        public string AuthorsList { get; set; }
        // автор книги
        public int AuthorId { get; set; }
        // количество страниц
        [Required]
        [Range(1, 10000, ErrorMessage = "Введите количество страниц (более 0 и менее 10000)")]
        public int PageCount { get; set; }
        // наименование издательства
        public string PublishHouse { get; set; }
        // год публикации
        [Range(1800, 2017, ErrorMessage="Год должен быть не ранее 1800")]
        public int PublishYear { get; set; }
        // изображение
        public byte[] Cover { get; set; }
        //Расширение изображения
        public string CoverMimeType { get; set; }
        // автор книги
        public virtual Author Author { get; set; }
        // аннотация
        public string Annotation { get; set; }
    }
}

 
namespace BookEditor.Controllers
{
    public class HomeController : Controller
    {
        // создаем контекст данных
        private BookContext db = new BookContext();
 
        public ActionResult Index()
        {
            var books = db.Books
            return View(books);
        }
 
        [HttpGet]
        public ActionResult EditBook(int? book_id)
        {
            if (book_id == null)
            {
                return PartialView("EditBook", new Book());
            }
            var books = db.Books.Where(book => book.Id == book_id).FirstOrDefault();
            return PartialView("EditBook", books);
        }
 
        [HttpPost]
        public ActionResult EditBook(Book book)
        {
            if (ModelState.IsValid)
            {
                int id = book.Id;
                return View();
            }
            return PartialView("EditBook", book);
        }
    }
}

@model BookEditor.Models.Book
 
<div class = "edit-book-close">
    <div class="popup-edit-book__close-button js-close-book-button">Закрыть</div>
</div>
@using (Ajax.BeginForm("EditBook", null, new AjaxOptions { HttpMethod = "Post" }, new { enctype = "multipart/form-data", id = "edit-book-form" }))
{
        <div class="popup-edit-book__book-id">
            @Html.HiddenFor(book => book.Id)
        </div>
        <div class="popup-edit-book__book-title">
            <label class="popup-edit-book__title-label">Книга:</label>
            @Html.TextBox("Title", Model.Title, new { @class = "popup-edit-book__title", title = "Наименование - " + Model.Title, placeholder = "Введите наименование книги" })
            @Html.ValidationMessageFor(book => book.Title)
        </div>
        <div class="popup-edit-book__book-cover" id="book-cover-container">
            <img class="popup-img-cover" id="cover-in-popup" src="@Url.Action("GetImage", "Home", new { book_id = Model.Id })">
            <div class="edit-cover">
                <a class="edit-cover__add edit-link-labels js-edit-cover" title="Выбрать изображение">Выбрать</a>
                <span class="delimiter">|</span>
                <a class="edit-cover__remove edit-link-labels js-remove-cover" title="Удалить изображение">Удалить</a>
            </div>       
            <input class="input-file-choose-cover js-choose-cover" id="input-cover" type="file" name="Cover" value ="" accept="image/*"/>
        </div>
        <div class="popup-edit-book__book-params">
            <div class="popup-edit-book__input popup-author">
                <div class="popup-edit-book__author-label">
                    <label class="author-label">Автор:</label>
                    <a class="popup-edit-book__change-author edit-author__link-label edit-link-labels js-change-authors-button">Изменить</a>
                </div>
                <div class="popup-edit-book__authors-list">
                    @Html.TextArea("AuthorsList", Model.AuthorsList, new { @class = "edit-book__book-author input-book-param", title = "Список авторов", @readonly = true, wrap = "soft | hard" })
                    @Html.ValidationMessageFor(book => book.AuthorsList)
                </div>
                <div class="change-book-authors-popup" id="change-author-panel">
                    <div class="change-book-authors-popup__close">
                        <div class="popup-edit-book__close-button" id="js-close-authors-list-button">Закрыть</div>
                    </div>
                    <div class="change-book-authors">
                        <div class="change-book-authors__author change-book-authors__author-name">
                            <label>Имя</label>
                            <input class="input-author-name" id="author-name" type="text" name="Name">
                            <div class="author-name-errors-panel add-author-errors-panel">
                            </div>
                        </div>
                        <div class="change-book-authors__author change-book-authors__author-surname">
                            <label>Фамилия</label>
                            <input class="input-author-surname" id="author-surname" type="text" name="Surname">
                            <div class="author-name-errors-panel add-author-errors-panel">
                            </div>
                        </div>
                        <div class="change-book-authors__add-author">
                            <input type="button" class="add-author-button" value="Добавить">
                        </div>
                        <div class="change-book-authors__authors-list">
                            <ul class="list-of-authors">
                            </ul>
                        </div>   
                    </div>
                    <div class = "change-book-authors__save-author-button">
                        <input class="save-authors-button" id="js-save-authors-button" type="button" value="Сохранить"/>
                    </div>             
                </div>
            </div>
            <div class="popup-edit-book__input popup-pages">
                <label class="popup-edit-book__page-count-label">Количество страниц:</label>
                @Html.TextBox("PageCount", Model.PageCount, new { @class = "edit-book__page-count input-book-param", title = "Количество страниц", placeholder = "Введите количество страниц"})
                @Html.ValidationMessageFor(book => book.PageCount)
            </div>
            <div class="popup-edit-book__input popup-pubhouse">
                <label class="popup-edit-book__PubHouse-label">Издательство:</label>
                @Html.TextBox("PublishHouse", Model.PublishHouse, new { @class = "edit-book__pubhouse input-book-param", title = "Издательство", placeholder = "Введите наименование издательства"})
                @Html.ValidationMessageFor(book => book.PublishHouse)
            </div>
            <div class="popup-edit-book__input popup-pubyear">
                <label class="popup-edit-book__PubYear-label">Год публикации:</label>
                @Html.TextBox("PublishYear", Model.PublishYear, new { @class = "edit-book__pubyear input-book-param", title = "Год публикации", placeholder = "Введите год публикации"})
                @Html.ValidationMessageFor(book => book.PublishYear)
            </div>
        </div> 
        <div class="popup-edit-book__annotation">
            <label class="popup-edit-book__annotation-label">Аннотация:</label>
            @Html.TextArea("Annotation", Model.Annotation, new { @class = "edit-book__annotation input-book-param", title = "Аннотация", maxlength = 3000, rows = 10 })
        </div>
        <div class = "popup-edit-book__save-button">
            <input type="submit" class = "save-button" value="Сохранить">
        </div>
}

@section scripts
{
    @System.Web.Optimization.Scripts.Render("~/bundles/jqueryval")
    @System.Web.Optimization.Scripts.Render("~/bundles/jqueryplaceholder")
    @System.Web.Optimization.Scripts.Render("~/bundles/jqueryautosize")
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="@Url.Content("~/Content/images/Icon.ico")" type="image/x-ico">
    @System.Web.Optimization.Styles.Render("~/Content/css")
    @System.Web.Optimization.Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div class="main">
        <div class="header">
            <h1>TITLE</h1>
        </div>
        <div class="content">
            @RenderBody()
            @System.Web.Optimization.Scripts.Render("~/bundles/jquery")
            @System.Web.Optimization.Scripts.Render("~/bundles/jqueryajax")
            @RenderSection("scripts", required: false)
            @System.Web.Optimization.Scripts.Render("~/bundles/ownScripts")
        </div>
    </div>
</body>
</html>

@System.Web.Optimization.Scripts.Render("~/bundles/jqueryval")
@System.Web.Optimization.Scripts.Render("~/bundles/jqueryplaceholder")
@System.Web.Optimization.Scripts.Render("~/bundles/jqueryautosize")