Javascript 如何停止Requiredfieldvalidator在取消单击上的工作

我对Requiredfieldvalidator有问题。请看下图

从上面的图片中，当我点击添加新按钮时，红色高亮的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>

---

好的，在else部分中，您添加了这个-

$（'select.selected'）.removeClass（'input-validation-error'）

---

那就行了

右键单击

下拉列表

，检查元素，并在出现错误时发布已呈现为

选择选项

html的内容。@GuruprasadRao:以下是选择选项代码，--选择构建类型--测试构建类型你能在@Pugazh中重现这个问题吗：我试图在Jsfiddle.net中使用它，但我不知道它在图中是什么样子的，我使用了大多数引导和一些动态函数。好的，在你的另一部分，您添加了这个-

$（'select.selected-select'）.removeClass（'input-validation-error'）

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