Question

我有一个包含不同选项卡的cshtml，每个选项卡都包含一组需要验证的输入。

我想做的是，当我验证输入时，我会显示一条错误消息，指出输入的哪个选项卡为空。

例如，假设我有3个标签：空气，海洋，道路，并且所有3个标签中的某些输入均为空。我将显示一条错误消息：空的海陆空输入。如果仅空气中有一些空输入，则错误消息将为空气中空输入。

我有以下jquery函数：

    function ValidateRates() {
    var isValid = true;
    elementValidCount = 0
    $(".changeValue").each(function (index) {

        var rateValue = $(this).val();
        if (rateValue == 0 || rateValue =='') {
            elementValidCount++;
        }
    });
    if (elementValidCount > 0) {
        isValid = false;
        $("#emptyRateError").css("display", "flex").css("visibility", "visible");
    }
    return isValid;
    }

每个输入都有一个changeValue类，选项卡如下：

<div class="mdl-tabs__tab-bar">
    <a href="#sea-panel" class="mdl-tabs__tab is-active">SEA<i class="icon-sea"></i><span class="mdl-tabs__ripple-container mdl-js-ripple-effect" data-upgraded=",MaterialRipple"><span class="mdl-ripple is-animating" style="width: 2146.98px; height: 2146.98px; transform: translate(-50%, -50%) translate(105px, 20px);"></span></span></a>
</div>

关于如何做到这一点的任何想法？

根据包含错误的标签显示错误消息

0 个答案: