客户端验证不适用于asp.net mvc 3中的隐藏字段

Question

我有一个隐藏字段，其验证如下

@Html.HiddenFor(m => m.Rating)
@Html.ValidationMessageFor(m => m.Rating)

Rating属性应用Range验证程序属性，范围为1-5。这是一个带有提交按钮的表单。

然后我得到了以下jquery，它在某些用户事件中设置了隐藏字段中的值（基本上是用户点击某些星级来评价）

$(".star").click(function(){
    $("#Rating").val(2);
});

现在，如果我在没有设置隐藏字段的用户事件的情况下提交表单，则验证有效。错误消息正确显示，它适用于所有客户端。

现在，在这种情况下，如果我点击星号，调用上面的javascript设置隐藏字段，验证错误消息就不会消失。我可以在隐藏变量具有一些有效值后提交表单。但我期待客户端验证应该有效。 （当隐藏变量设置了某个有效值时，验证错误应该消失）

最初我认为，jquery验证会在一些特殊事件上被调用，所以我尝试自己提高点击，更改，键盘，模糊和聚焦事件，如下所示

$(".star").click(function(){
    $("#Rating").val(2);
    $("#Rating").change();
});

但这仍然无效。错误消息一旦出现，就不会消失。

Answer 1

您可以使用div放置隐藏字段，但仍位于<form>内。添加css将其踢到外太空。

<div style="position:absolute; top:-9999px; left:-9999px">
<input id="Rating" type="hidden" name="rating" >
</div>

然后将以下标签添加到您要显示错误的位置：

<label for="rating" class="error" style="display:none">I am an an error message, please modify me.</label>

Answer 2

客户端验证忽略隐藏字段。您可以动态设置“忽略”选项，但只是为了使其工作，我在.js文件中直接执行了以下操作。

现在这应该可以解决问题了。

在我的aspx中......

<%: Html.HiddenFor(model => model.age, new { @class="formValidator" }) %>

在jquery.validate.js

中

ignore: ":hidden:not('.formValidator')",

Answer 3

这是一个非常有趣的问题。默认的“忽略”设置忽略隐藏字段。该字段隐藏在jQuery ui插件中。我只是在我想验证的渲染输入中添加了一个名为“includeCheckBox”的类，并将以下代码行放入...

var validator = $('#formMyPita').validate();
validator.settings.ignore = ':hidden:not(".includeCheckBox")';
if ($('#formMyPita').valid()) {....

Answer 4

在设置隐藏字段值的代码中，手动调用表单的验证，如下所示：

$("form").validate().form();

Answer 5

我认为这是因为隐藏的输入不会触发任何这些事件。

您可以做的是使用<input type="text" style="display:none" />代替隐藏字段;

@html.TextBoxFor(m => m.Rating, new {display = "display:none"})