如何实现 jQuery 验证，如 MVC 数据注释？

Question

我正在使用 MVC 并且有一个 master/details 查看页面。详细信息实际上是一个部分视图，其中包含一些输入字段和一个保存按钮，如下所示。

<button type="button" id="btnAddDetails" class="btn btn-primary">Add Details <span class="glyphicon glyphicon-plus"></span></button>

保存按钮将暂时保存详情数据。

主视图中有一个提交按钮。当我单击提交按钮时，它会将主数据和详细数据保存在各自的表中。我想单独验证主字段和详细信息字段。当我单击详细视图（部分视图）中的按钮时，它将使用详细信息模型验证数据，最终提交将使用主模型检查主数据。使用数据注释可以轻松完成主数据验证。但是我怎样才能验证细节。因为 master 和 details 都放在一个 Html.BeginForm() 中。我正在尝试 jQuery 验证按钮点击事件的详细信息：

if ($('#Disc').val() == '')
{
    $('data-valmsg-for="Disc"').val("Please enter Diacount");
    return false;
}

我使用 data-valmsg-for 因为在查看源代码页面中 HTML 就像：

<input class="form-control text-box single-line" data-val="true" data-val-number="The field Discount must be a number." id="Disc" name="Disc" type="text" value="">

<span class="field-validation-valid text-danger" data-valmsg-for="Disc" data-valmsg-replace="true"></span>

我收到类似

的错误

Uncaught Error: Syntax error, unrecognized expression: data-valmsg-for="Disc"

如何在 master 中验证数据注释等细节部分。

Answer 1

如果您想将数据属性作为选择器，则必须使用方括号。另外我不确定你可以在跨度上使用 val() 。试试这个：

$('[data-valmsg-for="Disc"]').html("Please enter Diacount");

如何实现 jQuery 验证，如 MVC 数据注释？

How can I implement jQuery validation like MVC data annotation?

javascript

model-view-controller

jquery

data-annotations