Validationsummary Control in ASP.Net



ASP.Net – ValidationSummary Control

In this asp.net tutorial we will learn how to use ValidationSummary control in ASP.Net.

The ValidationSummary control is used to display a summary of all the validation control error messages  in a single control on web forms in asp.net. In other word we can say the validationSummary control is a summary of all the validation control error messages display on web forms. ValidationSummary control allow user to display summary of all validation errors at single place.

ValidationSummary control Syntax :

<asp:ValidationSummary ID=ValidationSummary1 runat=server />

Now, Let’s understand ValidationSummary control with an asp.net example.

Step 1 – Open Visual Studio –> Create a new empty Web application.

Step 2 – Create a new web form and design a web form as shown in below screen.

Step 3 – Drag and drop ValidationSummary control from Toolbox.

Step 4 – Set DisplayMode, ShowMessageBox and ShowSummary property of ValidationSummary control

List of Properties of ValidationSummary control.

Properties Description
DisplayMode Format for error summary display. (List, BulletList, SingleParagraph)
ShowMessageBox True / False – display summary error message box like javascript alert.
ShowSummary True / False – display summary error message box on webpage.

ValidationSummary Control Example in ASP.Net

Now, we will learn how to use ValidationSummary in asp.net with an example.

Design the asp.net web forms with four textbox and four validation control and a button control along with the ValidationSummary control.

Here is the html code for design asp.net web forms.

<table align="center" class="style1" style="border: thin solid #008080">
            <tr>
                <td class="style2" colspan="3" 
                    style="font-weight: 700; text-align: center; border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: #008080;">
                    Validation Summary Control in ASP.Net</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    Name :</td>
                <td>
                    <asp:TextBox ID="txtname" runat="server"></asp:TextBox>
                </td>
                <td>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                        ControlToValidate="txtname" ErrorMessage="Enter Name !!"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>
                    City :</td>
                <td>
                    <asp:TextBox ID="txtcity" runat="server"></asp:TextBox>
                </td>
                <td>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                        ControlToValidate="txtcity" ErrorMessage="Enter City !!"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td>
                    Mobile :</td>
                <td>
                    <asp:TextBox ID="txtmobile" runat="server"></asp:TextBox>
                </td>
                <td>
                    <asp:RangeValidator ID="RangeValidator1" runat="server" 
                        ControlToValidate="txtmobile" ErrorMessage="Invalid Mobile no !!" 
                        MaximumValue="9999999999" MinimumValue="1000000000" Type="Double"></asp:RangeValidator>
                </td>
            </tr>
            <tr>
                <td>
                    Email :</td>
                <td>
                    <asp:TextBox ID="txtemail" runat="server"></asp:TextBox>
                </td>
                <td>
                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                        ControlToValidate="txtemail" ErrorMessage="Invalid Email Address !!" 
                        ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    <asp:Button ID="Button1" runat="server" Font-Bold="True" Text="SAVE" />
                </td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td>
                    &nbsp;</td>
                <td>
                    <asp:ValidationSummary ID="ValidationSummary1" runat="server" 
                        DisplayMode="List" ShowMessageBox="True" />
                </td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>

Here is the design of web forms :

ValidationSummary Control in ASP.Net
How to use ValidationSummary Control in ASP.Net

In above asp.net web forms figure shows the design of web forms. we have taken four textbox control for name, city, pincode and mobile number and provide validation control for each. Here, we have taken RequiredFieldValidator for name and city textbox and RangeValidator for mobile number and RegularExpressionValidator for email address.

Now, set the proper error message to all the validator control as per requirement. In below figure we set all the error messages to validation control.

How to use ValidationSummary Control in ASP.Net

How to use ValidationSummary Control in ASP.Net

There are three method or layout for display validationSummary control on asp.net web forms. If you need to change the layout of validationSummary then set the DisplayMode property of control.

DisplayMode = List, BulletList, SingleParagraph

Below, figure shows how to change or set DisplayMode property of validationSummary control in asp.net.

How to use ValidationSummary Control in ASP.Net
How to use ValidationSummary Control in ASP.Net

If we set DisplayMode=BulletList then the validationsummary example result look like a below screen. All the error messages are together listed as bullet list.

How to use ValidationSummary Control in ASP.Net
How to use ValidationSummary Control in ASP.Net

Now, Change the DisplayMode from BulletList to SingleParagraph as like below.

How to use ValidationSummary Control in ASP.Net
How to use ValidationSummary Control in ASP.Net

The Result for DisplayMode = SingleParagraph, all the error messages are displayed as single paragraph format.

How to use ValidationSummary Control in ASP.Net
How to use ValidationSummary Control in ASP.Net

If we set DisplayMode=List, then validationSummary output will be like this.

How to use ValidationSummary Control in ASP.Net
How to use ValidationSummary Control in ASP.Net

There are another two properties of validationSummary control we need to understand the first one is ShowMessageBox and ShowSummary.

If ShowMessageBox = True. So the ValidationSummary control error message display as javascript alert box.

How to use ValidationSummary Control in ASP.Net
How to use ValidationSummary Control in ASP.Net

Here, we set the ShowMessageBox= True, we can see here all the validation messages in alert box.

How to use ValidationSummary Control in ASP.Net
How to use ValidationSummary Control in ASP.Net

The ShowSummary property used to show or hide the vaildationSummary error messages on web forms.

Here, we can set ShowMessageBox=True or ShowSummary=False

How to use ValidationSummary Control in ASP.Net
How to use ValidationSummary Control in ASP.Net

 

2 thoughts on “Validationsummary Control in ASP.Net

Leave a Reply to Dave Cancel reply

Your email address will not be published. Required fields are marked *