重置验证并清除Asp.Net MVC自定义验证的验证消息

Question

我正在使用MVC 3和jQuery 1.7.2，我在客户端和服务器端实现了一些自定义验证，以验证某个textarea是否有文本，如果选中了复选框。

我实现不引人注意的验证的客户端代码如下所示：

 $.validator.addMethod("requiredif", function (value, element, params) {
    if (value) {
      var id = '#' + params["otherproperty"];
      var control = $(id);
      if (control.val() == '') {
        return false;
      }
    }

    return $.validator.methods.required.call(this, value, element, params);
});

$.validator.unobtrusive.adapters.add("requiredif", ["otherproperty"], function(options) {
   options.rules["requiredif"] = options.params;
   options.messages["requiredif"] = options.message;
});

我的问题是，即使验证触发，如果我随后返回并取消勾选复选框（即不再需要文本），验证消息将保持不变并且不会清除验证。

我已尝试以下方法来清除验证：

 $('#Dashboard').on('change', '#Damaged', null, function () {
   var validator = $('#Gridform').validate();
   validator.resetForm();
 });

但这没有任何区别。

我想要的是验证工作与标准验证相同，即当我取消选中复选框或在textarea中输入内容时，验证被清除/重置。

Answer 1

尝试这个解决方案，它在我的项目中工作：

<button type="reset" onclick="$('.text-danger').hide();">Reset</ button>

<button type="submit" onclick="$('.text-danger').show();">Submit</button>

您也可以在项目中更改选择器，在我的情况下，我将（text-danger）类添加到我的验证器中：

@Html.ValidationMessageFor(model => model.fieldName, "", new { @class = "text-danger" })

---

还有一个更好的解决方案，我发现约翰库尔维纳，它的工作完美

1-包括jquery（页面结束）后写这个脚本：

<script>
    //clear validation on reset button clicked
    (function ($) { 
        //re-set all client validation given a jQuery selected form or child
        $.fn.resetValidation = function () {
            var $form = this.closest('form');

            //reset jQuery Validate's internals
            $form.validate().resetForm();

            //reset unobtrusive validation summary, if it exists
            $form.find("[data-valmsg-summary=true]")
                .removeClass("validation-summary-errors")
                .addClass("validation-summary-valid")
                .find("ul").empty();

            //reset unobtrusive field level, if it exists
            $form.find("[data-valmsg-replace]")
                .removeClass("field-validation-error")
                .addClass("field-validation-valid")
                .empty();

            return $form;
        };
    })(jQuery);
</script> 

2-添加单击事件以调用Jquery函数

<button type="reset" onclick="$(this).resetValidation()" >Reset</button>

See here for article by John