Как показать имя метки текстового поля в Сводке проверки

Question

Вот пример ввода с некоторыми валидаторами

Сводка проверки

<asp:ValidationSummary runat="server" 
    ID="ValidationSummary1"  
    DisplayMode="BulletList"                         
    ValidationGroup="vgInformacaoInicial"
    CssClass="alert validation-summary"
    ShowSummary="true" /> 

<div class="form-group col-8 mx-auto text-center">
    <asp:Label ID="lblCliente" runat="server" AssociatedControlID="txtCliente" Text="Cliente" />
    <small><i class="fas fa-asterisk text-danger mb-2" style="font-size: 7px;"></i></small>
    <asp:TextBox ID="txtCliente" runat="server" CssClass="form-control form-control-sm rounded border border-dark" placeholder="Cliente" />
    <div class="valid-feedback feedback-icon">
        <i class="fa fa-check"></i>
    </div>
    <div class="invalid-feedback feedback-icon">
        <i class="fa fa-times"></i>
    </div>
    <asp:RequiredFieldValidator ID="rfvCliente" runat="server"  
        CssClass="server-validator" 
        ValidationGroup="vgInformacaoInicial" 
        SetFocusOnError="True" 
        ControlToValidate="txtCliente" 
        ErrorMessage="<b>Client:</b> Required Field." 
        Display="None">
   </asp:RequiredFieldValidator>
</div>

Вот проблема, я хочу показать обязательные поля под каждым текстовым полем, а также в сводке проверки.Это уже делает.Дело в том, что это беспорядок и говорит «Обязательное поле» много раз без какой-либо идентификации, поэтому я добавил имя в сообщение об ошибке в обязательном поле, но оно становится слишком длинным, когда оно находится под текстовым полем.

Так коротко и просто ...Есть ли способ, которым я могу показать имя метки, на которое ссылается валидатор, в сводке о валидации без необходимости писать в сообщении об ошибке и устанавливать отображение на none?

Answer 1

Вам нужно будет установить для свойства ErrorMessage каждого валидатора только соответствующее имя метки, а также установить для свойства HeaderText сводного контроля валидации что-то вроде "Пожалуйста, введите следующие поля:".

Тот же фрагмент кода, который вы разместили, изменяется с этими изменениями, как показано ниже.

<asp:ValidationSummary runat="server" 
    ID="ValidationSummary1"  
    DisplayMode="BulletList"                         
    ValidationGroup="vgInformacaoInicial"
    CssClass="alert validation-summary"
    HeaderText="Please input following fields:"
    ShowSummary="true" /> 

<div class="form-group col-8 mx-auto text-center">
    <asp:Label ID="lblCliente" runat="server" AssociatedControlID="txtCliente" Text="Cliente" />
    <small><i class="fas fa-asterisk text-danger mb-2" style="font-size: 7px;"></i></small>
    <asp:TextBox ID="txtCliente" runat="server" CssClass="form-control form-control-sm rounded border border-dark" placeholder="Cliente" />
    <div class="valid-feedback feedback-icon">
        <i class="fa fa-check"></i>
    </div>
    <div class="invalid-feedback feedback-icon">
        <i class="fa fa-times"></i>
    </div>
    <asp:RequiredFieldValidator ID="rfvCliente" runat="server"  
        CssClass="server-validator" 
        ValidationGroup="vgInformacaoInicial" 
        SetFocusOnError="True" 
        ControlToValidate="txtCliente" 
        ErrorMessage="Cliente" 
        Display="None">
   </asp:RequiredFieldValidator>
</div>

В итоге вы получите сводную информацию о проверке, которая выглядит примерно так, как показано ниже.