如何在此方案中validation表单

@model Contoso.MvcApplication.ViewModels.QuizCompletedViewModel 
Quiz 1
 
 @for (int i = 0; i  model.Questions[i], "Questions/_MultipleChoiceAnswerView") } 
 
Question @ViewData["CurrentNumber"] of @ViewData["TotalQuestions"]
  
  

如您所见，我通过循环显示所有问题。 但我真的想在页面中逐个问题地展示。 这是实现它的相关post。

隐藏当前元素并显示下一个元素

如果我不包含该JQueryfunction，它看起来像这样

问题是，使用最后一个JQUERYfunction，我一次只会显示一个问题，所以我只需要validation那个问题，这就是我真的不知道的部分。

我的意思是，假设我已经有了JQUERY函数，所以当用户按下CONTINUE时，它必须validation当前问题是否有效，但仅限于此，而不是全部。

我能做什么？

更新：我创建单选按钮的代码：

 @using Contoso.MvcApplication.Extensions @model Contoso.MvcApplication.ViewModels.MultipleChoiceQuestionViewModel 
 
@Model.Question.QuestionText
 
 
 @Html.RadioButtonForSelectList(m => Model.Question.SelectedAnswer, Model.AnswerRadioList) @Html.ValidationMessageFor(m => m.Question.SelectedAnswer)  

我正在使用HtmlExtensions：

 public static class HtmlExtensions { public static MvcHtmlString RadioButtonForSelectList( this HtmlHelper htmlHelper, Expression<Func> expression, IEnumerable listOfValues, IDictionary htmlAttributes) { var metaData = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData); var sb = new StringBuilder(); if (htmlAttributes == null) { htmlAttributes = new RouteValueDictionary(); } if (!htmlAttributes.ContainsKey("id")) { htmlAttributes["id"] = null; } foreach (SelectListItem item in listOfValues) { var id = string.Format( "{0}_{1}", htmlHelper.ClientIdFor(expression), item.Value ); htmlAttributes["id"] = id; var radio = htmlHelper.RadioButtonFor(expression, item.Value, htmlAttributes).ToHtmlString(); var labelId = htmlHelper.ClientIdFor(expression); sb.AppendFormat( "
{0}{2}
", radio, id, HttpUtility.HtmlEncode(item.Text) ); } return MvcHtmlString.Create(sb.ToString()); } } 

Answer 1

看看使用如下的东西。 它使用visible div作为当前步骤，并查找其中包含的无效元素。

这是一组粗略的代码，尚未经过测试，但希望它可以让您了解如何处理

 // attach continue button handler $("#continue).click(function () { var $step = $(":visible"); // get current step var validator = $("form").validate(); // obtain validator var anyError = false; //find any elements within the current step that are invalid. $step.find("input").each(function () { if (!validator.element(this)) { // validate every input element inside this step anyError = true; } }); if (anyError) return false; // exit if any error found //in this case use class confirm (or use hidden field value for step number) if ($step.next().hasClass("confirm")) { // is it confirmation? // show confirmation asynchronously $.post("/wizard/confirm", $("form").serialize(), function (r) { // inject response in confirmation step $(".confirm").html(r); }); } //workout if this is the last step. //if not go to next question // if it is submit the form if ($step.next().hasClass("complete")) { // is there any next step? $step.hide().next().show(); // show it and hide current step $("#back-step").show(); // recall to show backStep button } else { // this is last step, submit form $("form").submit(); } });