javascript - 如何停止Requiredfieldvalidator在取消点击时工作

Question

我在使用必需字段验证器时遇到问题。看下面的图片

从上图中，当我单击添加新按钮时，将出现红色突出显示的div，如果我单击保存按钮，则构建描述按钮为显示 rfv 错误。到这里为止都还好，但是。我的问题是，当我单击取消按钮并再次单击添加新按钮时。我仍然得到如图所示的建筑物描述。

<a class="col-md-1 html5buttons" onclick="ToggleProjectAddBuilding(true)" id="Addbuildingsave">Add New</a>

<div class="col-md-8">
                                    <select asp-for="BuildingDescriptionId" class="chosen-select form-control required" asp-items="@(ViewBag.BuildingTypes)">
                                        <option value="">--Select Building Type--</option>
                                    </select>
                                    <span asp-validation-for="BuildingDescriptionId" id="Customererror" class="text-danger"></span>
                                </div>


 <div class="col-md-offset-8 col-md-9">
                                    <button id="btnSavebuilding" type="submit" class="btn btn-w-m btn-primary">Save</button>
                                    <a class="btn btn-w-m btn-warning" onclick="ToggleProjectAddBuilding(false)">Cancel</a>
                                </div>

下面是我尝试执行的功能代码:

function ToggleProjectAddBuilding(toggle) {    
    if (toggle) {
        $('#formBuilding').slideDown();
    }
    else {
        $('#formBuilding').slideUp();
        $('#buildingids').val('');
        $('#BuildingDescriptionId-error').html('');
        //$('.chosen-select').attr('data-rule-required', 'false');
        //$('BuildingDescriptionId').find('select option:eq(0)').prop('selected', true);
        //$('#BuildingDescriptionId').attr('selected', 'selected');
        //$("#BuildingDescriptionId").val($("#BuildingDescriptionId option:first").val());
        //$("#BuildingDescriptionId").prop("selectedIndex", 0);
        $("#BuildingDescriptionId option:selected").prop("selected", false);


        //$('#ProjectBuildingFloors_Id').val(data.ProjectBuildingFloors.Id);
        $('#BuildingType').val('');
        $('input#basementtrue').iCheck("uncheck");
        $('input#basementfalse').iCheck("check");
        $('input#isbasementfinishedtrue').iCheck("uncheck");
}

Answer 1

好的，在您的 else 部分中，添加此 - $('select.chosen-select').removeClass('input-validation-error')

这样就可以了..