如何停止Requiredfieldvalidator处理取消点击

Question

我遇到了Requiredfieldvalidator 的问题。看下图

从上图中，当我点击 Add New 按钮时，会出现红色突出显示的 div，如果我点击 Save 按钮，Building desctiption 按钮是显示 rfv 错误。到这里还好，但是。我的问题是当我单击 Cancel 按钮并再次单击 Add New 按钮时。我仍然得到如图所示的建筑物描述。

<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')

这样就可以了..