自定義的ValidationSummary模板（即不破壞客戶端驗證）

Question

類似的問題已經被（Custom ValidationSummary template Asp.net MVC 3）要求但無論答案滿足額外的要求，我也有，這是該解決方案不破客戶端 - 方驗證。

因此，沒有人知道一種方式來獲得這樣的功能：

@if (!ViewData.ModelState.IsValid) 
{ 
    <div class="form-errors"> 
     <p>Please have another look at the fields highlighted below</p> 
     @Html.ValidationSummary() 
    </div> 
} 

與客戶端驗證工作？

這正是我在客戶端驗證關閉時所需要的，即如果模型有效，則排除整個div，如果存在任何錯誤，則顯示它。但是，條件意味着當評估爲false時首先呈現表單時，整個部分不會呈現，因此jquery.validate找不到插入驗證摘要的任何位置。

任何想法？

Answer 1

幫手：

public static MvcHtmlString MyValidationSummary(this HtmlHelper helper, bool excludePropertyErrors = false) 
    { 
     string html = ""; 

     html += helper.ViewData.ModelState.IsValid ? "<div class='form-errors' style='display:none;'>" : "<div class='form-errors'>"; 

     html += "<p>Please have another look at the fields highlighted below</p>"; 
     html += helper.ValidationSummary(excludePropertyErrors); 
     html += "</div>"; 

     return new MvcHtmlString(html); 
    } 

查看：

@using (Html.BeginForm("Index", "Home",FormMethod.Post, new {id="myform"})) 
{ 
    @Html.MyValidationSummary() 
    ... 
    <input type="button" id="submitbutton" value="Submit" /> 
} 

JS：

$("#submitbutton").click(function() { 
    $("#myform").validate(); 

    if (!$("#myform").valid()) { 
     $("#myform .form-errors").show(); 
    } 
    else { 
     $("#myform").submit(); 
    } 
}); 

更新：

如果你想要去的部分鑑於

共享/ _MyValidationSummary.cshtml

@if (!ViewData.ModelState.IsValid) 
{ 
    <div class="form-errors"> 
     <p>Please have another look at the fields highlighted below</p> 
     @Html.ValidationSummary() 
    </div> 
} 
else 
{ 
    <div class="form-errors" style="display:none;"> 
     <p>Please have another look at the fields highlighted below</p> 
     @Html.ValidationSummary() 
    </div> 
} 

查看：

@using (Html.BeginForm("Index", "Home",FormMethod.Post, new {id="myform"})) 
{ 
    @Html.Partial("_MyValidationSummary") 
    ... 
    <input type="button" id="submitbutton" value="Submit" /> 
}