Question

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

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

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

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

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

Answer 1

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

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

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

Answer 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>

Answer 3

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

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

问题出在后端。如果您正在使用数据注释，我会假设您也在控制器中验证模型;类似'Model.isValid（）'之类的东西？只要您的案例（单击单选按钮1或单击按钮2）始终与“有效”模型匹配，您就可以了。否则，您可能必须关闭一些数据注释。仅从我的经验来看。 jQuery Validation Docs

Answer 4

默认情况下（至少在不显眼的验证的更高版本中），ignore字段设置为＆＃34;：hidden＆＃34; （由jQuery评估）这比仅仅检查一个类更好 - ＆＃34;隐藏＆＃34;或者输入=＆＃34;隐藏＆＃34;。

禁用某些字段的验证

4 个答案: