Справка по проверке на стороне клиента ASP.NET MVC3
Я использую ненавязчивую проверку на стороне клиента для моего текущего приложения, но проблема в том, что оно проверяет не все поля, а только некоторые из них. Сначала я подумал, что DropDownLists были опущены валидатором, но после изменения их для простых TextBox, я понял, что он тоже не работает. Я действительно не знаю, что это. Итак, я надеюсь, что вы можете помочь мне:
У меня уже есть на моем Web.Config:
<appSettings>
<add key="ClientValidationEnabled" value="true"/>
<add key="UnobtrusiveJavaScriptEnabled" value="true"/>
</appSettings>
У меня есть метаданные для одного из классов, который не работает должным образом:
[MetadataType(typeof(QuestionMetadata))]
public partial class Question
{
[Bind(Exclude = "Id")]
public class QuestionMetadata
{
[Required]
public string Text { get; set; }
[Required]
[DisplayName("Question Type")]
public int QuestionType_Id { get; set; }
[Required]
[DisplayName("Category")]
public int Category_Id { get; set; }
[Required]
[Range(1,Int32.MaxValue)]
public int SortOrder { get; set; }
}
}
Наконец ViewCode:(строго типизированный и получает ViewModel)
<asp:Content ID="Content2" ContentPlaceHolderID="JsContent" runat="server">
<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>
<script src="<%: Url.Content("~/Scripts/question-views.js") %>" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
<h2 class="path"><%= ViewRes.Question.Create.PathCreate %></h2>
<% using (Html.BeginForm()) { %>
<%: Html.ValidationSummary(true) %>
<div>
<%: ViewRes.Question.Create.DropDownQuestionnaires %>
<%: Html.DropDownList("Questionnaire_Id", Model.questionnairesList, "--Select--")%>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.question.Category_Id)%>
</div>
<div class="editor-field">
<%: Html.DropDownListFor(model => model.question.Category_Id, Model.categoriesList, "--Select--")%>
<%: Html.ValidationMessageFor(model => model.question.Category_Id)%>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.question.QuestionType_Id)%>
</div>
<div class="editor-field">
<%: Html.DropDownListFor(model => model.question.QuestionType_Id, Model.questionsTypeList, "--Select--")%>
<%: Html.ValidationMessageFor(model => model.question.QuestionType_Id)%>
</div>
<div class="editor-field">
<%: Html.EditorFor(model => model.question.Text)%>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.question.SortOrder)%>
</div>
<div class="editor-field">
<%: Html.TextBoxFor(model => model.question.SortOrder)%>
<%: Html.ValidationMessageFor(model => model.question.SortOrder)%>
</div>
<p>
<input type="submit" value="<%: ViewRes.Shared.CreateButton %>" />
</p>
<% } %>
</asp:Content>
Спасибо за любую помощь.
3 ответа
Посмотрите на HTML, который генерируется. Для всех полей, которые будут проходить проверку на стороне клиента, вы увидите что-то вроде
<input class="text-box single-line" data-val="true" data-val-required="The Text field is required." id="Text" name="Text" type="text" value="blah-blah" />
<span class="field-validation-valid" data-valmsg-for="Text" data-valmsg-replace="true"></span>
Тогда легче устранить неполадки: проблема в том, что код проверки не сгенерирован или проверка не выполняется, или (как было бы в вашем примере с текстовым полем, проверка действительно происходит, но у вас нет Html.ValidationMessage()
, так что ошибка никогда не появляется...
Вы пытались сделать ваши свойства обнуляемыми? public int? Category_Id { get; set; }
Вы вставляете основной скрипт Jquery в свой макет?
<script src="<%: Url.Content("~/Scripts/jquery-1.5.1.min.js") %>" type="text/javascript"></script>
Вы также можете использовать Firebug, чтобы увидеть, есть ли ошибка сценария во время проверки.