有条件不显眼的验证模式

时间:2017-09-12 10:02:12

标签: javascript asp.net-mvc razor unobtrusive-validation

我正在使用Razor,C#和.NET Framework 4.7开发ASP.NET MVC 5应用程序。

我想根据模型的属性值禁用表上的某些输入字段。我是用javascript做的:

if ($('#LawId').val() === "1") { 
    $('#productsTable').attr("disabled", true);
    $('.addLevelButton').attr("disabled", true);
    $('.deleteLevelButton').attr("disabled", true);
}

这完美无缺,但我不知道如何禁用不显眼的验证。剃须刀的观点是:

<td>
    <div class="group">
        @Html.TextBoxFor(m => m.Products[index].Name, new { @class = "productClass" })<br />
        <div class="mensajeError">@Html.ValidationMessageFor(m => m.Products[index].Name)</div>
    </div>
</td>
<td>
    <div class="group">
        @Html.TextBoxFor(m => m.Products[index].Description, new { @class = "productClass", @style = "max-width:none" })<br />
        <div class="mensajeError">@Html.ValidationMessageFor(m => m.Products[index].Description)</div>
    </div>
</td>
<td>
    <div class="group">
        @Html.TextBoxFor(m => m.Products[index].Comment, new { @class = "productClass" })<br />
        <div class="mensajeError">@Html.ValidationMessageFor(m => m.Products[index].Comment)</div>
    </div>
</td>
<td>
    <div class="group">
        @Html.CheckBox(string.Format("Delete_{0}", index))
    </div>
</td>

这是为我要隐藏的字段生成的HTML(所有这些字段都在productsTable表中)。

<div class="group">
    <input data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." id="Products_0__Id" name="Products[0].Id" type="hidden" value="0" />
    <input data-val="true" data-val-number="The field Law must be a number." data-val-required="The Law field is required." id="Products_0__Law" name="Products[0].Law" type="hidden" value="1" />
    <input data-val="true" data-val-length="Must be 14 characters long" data-val-length-max="14" data-val-length-min="14" data-val-required="Product&#39;s code is requiered" id="Products_0__ProductCode" name="Products[0].ProductCode" type="number" value="" />
    <div class="mensajeError"><span class="field-validation-valid" data-valmsg-for="Products[0].ProductCode" data-valmsg-replace="true"></span></div>
</div>

搜索我找到了助手@{ Html.EnableClientValidation(false); },但我不知道如何使用它,我还没有找到任何完整的例子。

我在Razor视图中显示了一个输入文件:

@if (Model.LawId == 1)
{
    <input name = "ChinaCodes" id = "ChinaCodes" class="upload" type="file">
}

我是否必须对每个字段执行相同的操作,或者我可以同时对所有字段进行全局操作吗?

1 个答案:

答案 0 :(得分:1)

我已经在@body部分的开头添加了这个:

@section Body
{
    @if (Model.LawId == 1)
    {
        Html.EnableClientValidation(false);
        Html.EnableUnobtrusiveJavaScript(false);
    }

    [ ... ]
}