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

Question

我有一个在主 View 中呈现的局部 View 。部分 View 利用了System.ComponentModel.DataAnnotations和Html.EnableClientValidation()。

单击链接，然后在JQuery.Dialog()中显示包含部分 View 的div。

然后，我单击保存按钮，而不在经过验证的输入字段中输入任何文本。这将导致客户端验证按预期方式触发，并在无效字段旁边显示“* required”消息。

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

Answer 1

该答案适用于MVC3。请参阅下面的评论，以获取将其更新到MVC 4和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');

    }

我希望这是您想要的效果。