8

在我的 Razor 视图（ASP.NET MVC 4）中，我有两个用于显示/隐藏某些字段的单选按钮。当第一个单选按钮被选中时，这些字段是不可见的；当第二个单选按钮被选中时，字段变为可见。这是由绑定到单选按钮 onclick 事件的 Javascript 函数完成的。

function displayHiddenFields(value) {
  if (value == 'true')
    $('#myDiv').removeClass('hidden');
else
    $('#myDiv').addClass('hidden');
}

我在视图模型上使用数据注释来执行验证。我的问题是不可见的字段也得到了验证。这些字段只有在它们可见时才需要进行验证。我试图操纵输入元素上的 data-val 属性，但这不起作用。

$('input1').attr('data-val', value);

我该如何解决我的问题？有没有办法通过使用客户端 Javascript 来禁用对不可见字段的验证？否则，我必须进行回发才能有条件地呈现字段。

4

4 回答 4

7

我通过在页面底部添加以下 JavaScript 来解决它：

 <script type="text/javascript">
    $(function () {
        var settings = $.data($('form').get(0), 'validator').settings; 
        settings.ignore = ".hidden";
    });
</script>

这样，所有应用了 .hidden 类的输入都将在客户端验证中被忽略。

于 2012-11-21T13:22:55.397 回答
2 
<button id="Submit" type="submit">Submit</button>
<script type="text/javascript">
    $("#Submit").on("click", function () {
        var validator = $("form").data('validator');
        validator.settings.ignore = "input[type=hidden]";
    });
</script>
于 2013-07-13T08:56:49.943 回答
1

我建议使用 jQuery 验证。您可以有条件地验证您的模型：

if($("#field").is(":checked")){
//Add some validation here
}else{
//Default validation here
}
if($("form").valid()){
 //Do processing
}

问题将在后端。如果您使用数据注释，我会假设您也在控制器中验证模型；'Model.isValid()'之类的东西？只要您的两种情况（单击单选按钮 1 或单击按钮 2）始终与“有效”模型相匹配，就可以了。否则，您可能必须关闭某些数据注释。只是根据我的经验。 jQuery 验证文档

于 2012-11-20T14:49:30.360 回答
0

默认情况下（至少在不显眼的验证的更高版本中）忽略字段设置为“:hidden”（由 jQuery 评估），这比仅检查 class="hidden" 或 type="hidden" 要好得多。

于 2015-05-13T07:45:38.880 回答