如何在单个验证控件上实现多个验证组的效果？

Question

我需要能够将多个验证组应用于我页面上的某些控件，因为对于三种提交“模式”中的每一种，都有一组不同的必填字段。

我有三个提交按钮，每个按钮都有自己的验证组（拒绝、批准和保存）。 “拒绝”目前实际上没有任何必填字段，但将来可能。 “保存”只需要“名字”和“姓氏”，而“批准”需要“名字”、“姓氏”和“组名”。

我尝试简单地将多个验证组放在属性值中（如下面的代码所示），但验证根本没有触发。

我还尝试完全不指定组，试图让验证始终触发，但同样，它根本没有触发。

<div>
    <label for='<%= txt_FirstName.ClientID %>'>First Name</label>
    <asp:TextBox ID="txt_FirstName" runat="server"></asp:TextBox>
    <asp:RequiredFieldValidator ID="rfv_FirstName" runat="server" text="Required"
        ControlToValidate="txt_FirstName" ValidationGroup="approve save">
    </asp:RequiredFieldValidator>
</div>
<div>
    <label for='<%= txt_LastName.ClientID %>'>Last Name</label>
    <asp:TextBox ID="txt_LastName" runat="server"></asp:TextBox>
    <asp:RequiredFieldValidator ID="rfv_LastName" runat="server" text="Required"
        ControlToValidate="txt_LastName" ValidationGroup="approve save">
    </asp:RequiredFieldValidator>
</div>
<div>
    <label for='<%= ddl_GroupName.ClientID %>'>Group Name</label>
    <asp:DropDownList ID="ddl_GroupName" runat="server"></asp:DropDownList>
    <asp:RequiredFieldValidator ID="rfv_GroupName" runat="server" text="Required"
        ControlToValidate="ddl_GroupName" ValidationGroup="approve">
    </asp:RequiredFieldValidator>
</div>
<div>
    <asp:Button ID="btn_Reject" runat="server" Text="Reject"
        ValidationGroup="reject" OnClick="btn_Reject_Click" />
    <asp:Button ID="btn_Approve" runat="server" Text="Approve"
        ValidationGroup="approve" OnClick="btn_Approve_Click" />
    <asp:Button ID="btn_Save" runat="server" Text="Save"
        ValidationGroup="save" OnClick="btn_Save_Click" />
</div>

我确信我可以通过一些额外的代码或为每个验证组复制验证器控件来实现所需的效果，但我希望 webforms 框架有一个更简单的内置方法来做到这一点。

更新（2018-01-02）：
问题"Is it possible to assign Multiple Validation Groups to a single Validation Control?" 是我自己的一个特例。它在多个组中有一个控件，而我有多个具有多个重叠组的控件。此外，答案建议为每个输入/组组合设置一个验证控件。这是一个糟糕的解决方案，因为除其他外，它违反了 DRY（不要重复自己）编程原则，并使维护/增强变得更加困难。

上面还链接了问题"How to validate against Multiple validation groups?"。这个问题是一个完全不同的问题（验证组中的验证组），它的答案提出了需要为每个提交按钮、每个需要多个验证组的页面上编写的自定义 javascript。

我正在寻找一个通用案例解决方案，我可以编写/实现一次并应用于整个 Web 应用程序，因此我不认为我的问题是上述问题的重复。

更新（2018-01-03）：
在研究我的问题时遇到的其他问题/文章之间，以及 a.bajorinas 和 Sunil 的亲切帮助，我已经确定不可能在验证控件上拥有多个验证组-box，并且需要自定义代码才能达到预期的效果。我已经相应地更新了这个问题，以帮助任何希望在未来实现这一目标的人。

我将测试一个包含 a.bajorinas 和 Sunil 答案中的元素的解决方案，并希望之后能够提供更新。

Answer 1

对于您想要的用例，我唯一能想到的就是在单击按钮时在代码后面的代码中为您的验证器设置 ValidationGroup，请记住，这将首先执行回发，然后验证可能不是的控件没关系。

protected void btn_save_click(object sender, EventArgs e){
    rfv_FirstName.ValidationGroup = "save";
    Page.Validate("save");
    if (Page.IsValid)
    {
        //logic if validators pass
    }
}

这将使您可以为多个组重用验证器。 同样在我链接的帖子中，所选答案的 cmets 之一是“无法将多个组分配给验证控件”

Answer 2

ASP.Net 不支持多个验证组。但是，只需一点 JavaScript 代码，您就可以使其支持多个验证组。 您需要做的是覆盖IsValidationGroupMatch 的标准JavaScript 函数。此函数是 ASP.Net 中标准验证库的一部分。

在您的 aspx 页面底部，只需添加下面给出的脚本标记。请注意，此脚本就在关闭 form、body 和 html 标记之前，这在覆盖 JavaScript 函数时很重要。

<script type="text/javascript">
            window["IsValidationGroupMatch"] = function (control, validationGroup) {
                if ((typeof (validationGroup) == "undefined") || (validationGroup == null)) {
                    return true;
                }
                var controlGroup = "";
                var isGroupContained = false;
                if (typeof (control.validationGroup) == "string") {
                    controlGroup = control.validationGroup;
                    var controlGroupArray = [];
                    if (validationGroup.indexOf(",") > -1) {
                        controlGroupArray = validationGroup.split(",");// validationGroup.split(",");
                    }
                    for (var i = 0; i < controlGroupArray.length; i++) {
                        if (controlGroupArray[i].trim() == controlGroup.trim()) {
                            isGroupContained = true;
                        }
                    }
                }
                return (controlGroup == validationGroup || isGroupContained);
            }
        </script>
    </form>
</body>
</html>

完成此操作后，您可以为验证多个验证组的按钮添加逗号分隔的验证组列表，如下例所示。在下面的示例中，ID 为 btnMultipleValidationGroups 的按钮正在验证 group1 和 group2。

<div>
            TextBox1 : 
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="TextBox1 needs input"  ControlToValidate="TextBox1" ForeColor="Red" ValidationGroup="group1"></asp:RequiredFieldValidator>

            <br />
            <br />
            TextBox2 : 
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="TextBox2 needs input"  ControlToValidate="TextBox2" ForeColor="Red" ValidationGroup="group2"></asp:RequiredFieldValidator>
            <br />
            <br />
            TextBox3 :
             <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="TextBox3 needs input"  ControlToValidate="TextBox3" ForeColor="Red" ValidationGroup="group3"></asp:RequiredFieldValidator>

            <br />
            <br />
        </div>
        <asp:Button ID="btnMultipleValidationGroups" runat="server" Text="Validate group1 and group2" ValidationGroup="group1,group2" OnClick="btnMultipleValidationGroups_Click" />
        <asp:Button ID="btnGroup1" runat="server" Text="Validate only group1" ValidationGroup="group1" OnClick="btnGroup1_Click" />
        <asp:Button ID="btnGroup2" runat="server" Text="Validate only group2" ValidationGroup="group2" OnClick="btnGroup2_Click" />