5

我正在使用带有 jQ​​uery 1.7.2 的 MVC 3，并且我已经在客户端和服务器端实现了一些自定义验证，以验证某个文本区域是否具有文本（如果选中了一个复选框）。

我实现不显眼验证的客户端代码如下所示：

 $.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();
 });

但这没有任何区别。

我希望验证与标准验证一样工作，即当我取消选中复选框或将内容输入文本区域时，验证被清除/重置。

4

1 回答 1

5

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

<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" })

John Culviner 我还找到了一个更好的解决方案，并且效果很好

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>

见这里约翰的文章

于 2018-07-31T10:41:35.150 回答