禁用某些字段的验证

Question

在我的Razor视图(ASP.NET MVC 4)中,我有两个单选按钮用于显示/隐藏某些字段.当选择第一个单选按钮时,这些字段是不可见的; 当选择第二个单选按钮时,字段变得可见.这是通过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

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

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

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