Asp.net 当用户使表单无效时单击取消按钮时，如何清除 MVC 客户端验证错误

发布于05月11日

我有一个在主视图中渲染的局部视图.局部视图利用了System.ComponentModel.DataAnnotations和Html.EnableClientValidation().

单击一个链接，包含局部视图的div显示在JQuery.Dialog()内.

然后单击save(保存)按钮，而不在已验证的输入字段中输入任何文本.这会导致客户端验证按预期启动，并在无效字段旁边显示"*required"消息.

单击"取消"按钮时，我想将客户端MVC验证重置为默认状态，并删除所有消息，以备用户再次打开对话框时使用.有推荐的方法吗？

推荐答案

这个答案适用于MVC3.请参阅下面的注释，以获取更新到MVC 4和MVC 5的帮助

如果您只想清除验证消息，这样它们就不会显示给用户，您可以使用javascript执行此操作，如下所示:

function resetValidation() {
        //Removes validation from input-fields
        $('.input-validation-error').addClass('input-validation-valid');
        $('.input-validation-error').removeClass('input-validation-error');
        //Removes validation message after input-fields
        $('.field-validation-error').addClass('field-validation-valid');
        $('.field-validation-error').removeClass('field-validation-error');
        //Removes validation summary 
        $('.validation-summary-errors').addClass('validation-summary-valid');
        $('.validation-summary-errors').removeClass('validation-summary-errors');

    }

如果您需要重置，使其仅在弹出窗口中工作，您可以这样做:

function resetValidation() {
        //Removes validation from input-fields
        $('#POPUPID .input-validation-error').addClass('input-validation-valid');
        $('#POPUPID .input-validation-error').removeClass('input-validation-error');
        //Removes validation message after input-fields
        $('#POPUPID .field-validation-error').addClass('field-validation-valid');
        $('#POPUPID .field-validation-error').removeClass('field-validation-error');
        //Removes validation summary 
        $('#POPUPID .validation-summary-errors').addClass('validation-summary-valid');
        $('#POPUPID .validation-summary-errors').removeClass('validation-summary-errors');

    }

我希望这就是你想要的效果.