验证错误消息未清除

Question

我在我的应用程序上使用jquery验证和jquery.validate.unobtrusive。

在我的页面上，我有大约4-5个控件。 其中有些是隐藏的。 我的页面上有3个按钮。 在单击第一个按钮时，我将显示隐藏的控件（单选按钮和下拉列表）。 所有这些都是必填字段。 当用户单击另一个按钮（即“提交”按钮）时，所有必填字段都会很好地显示出来。 第三个按钮用于在具有自己的控件的不同视图之间切换。

我的问题是，当用户使用第二个按钮提交表单时，如果未填充字段，它将显示必填字段消息。 此时，当我单击第三个按钮以切换到其他视图，然后切换回我的视图时，错误消息仍然存在。 我无法清除这些错误消息。 请参阅下面的单选按钮：

<div class="col-sm-10">
    <label class="radio-inline">
       <input type="radio" value="myValue1" asp-for="Name" class="required" 
           data-bind="checked: name" />Name value 1
    </label>
<label class="radio-inline">
    <input type="radio" value="myValue2" asp-for="Name"  data-bind="checked: 
     name" />Name value 2
</label>
<span asp-validation-for="Name" class="danger"></span>

我正在使用敲除并在要切换的第三个按钮上单击按钮，我尝试使用以下代码清除并重置表单，但是它不起作用。

        var validator = $("form").validate();
        validator.resetForm();

另一件事是，在提交表单时，我正在使用以下代码来强制进行验证，因为这些控件最初是隐藏的：

        $("form").removeData("validator");
        $("form").removeData("unobtrusiveValidation");   
        $.validator.unobtrusive.parse($("form"));

最后，我可以看到html中生成的以下范围：

<span class="help-block-msg field-validation-valid" data-valmsg-for="Name" 
data-valmsg-replace="true">
<span id="Name-error" class="">This field is required.</span>
</span>

Answer 1

您可以使用以下代码清除错误：

//get the form inside we are working - change selector to your form as needed
var $form = $("form");

 // get validator object 
var $validator = $form.validate();

 // get errors that were created using jQuery.validate.unobtrusive
var $errors = $form.find(".field-validation-error span");

// trick unobtrusive to think the elements were succesfully validated
// this removes the validation messages
$errors.each(function(){ $validator.settings.success($(this)); })

// clear errors from validation
$validator.resetForm();

摘自： 如何清除jquery验证错误