Articles → .NET → Displaying Validation Error Message In Login Control In Asp.Net

Displaying Validation Error Message In Login Control In Asp.Net

In this article I will explain how to show validation message in login control in asp.net.

Software Requirement

Before you start reading this tutorial you should make sure that visual studio 2005 (or above) is installed on your machine.

Prerequisite Knowledge

Before you go ahead, it is required that you should know

Basics about .net programming
How to create website using visual studio?
Basics about validation controls in .net
Basics about controls like login control, change password control etc.

Steps Of Execution

In this tutorial I will execute certain steps for the demonstration of displaying validation message in login control. These steps are

Create a new project
Add login control to the page
Add validation Summary to the page
Add code to bind validation group

Create A New Project

First of all create a new project. See the screen shot below for project structure

Picture showing the project structure in the solution explorer of the visual studio

Click to Enlarge

Add Login Control To The Page

Add login control on the screen.

<asp:Login ID="Login1" runat="server">
</asp:Login>

Add Validation Summary To The Page

Add validation summary on the page. The purpose of adding validation summary is to display validation error message. So the code becomes

<asp:Login ID="Login1" runat="server"></asp:Login>
<asp:ValidationSummary ID="summary" runat="server"/>

Add Code To Bind Validation Group

Add following code on page load event

protected void Page_Load(object sender, EventArgs e) {
  summary.ValidationGroup = ((BaseValidator) Login1.FindControl("UserNameRequired")).ValidationGroup;
}

Code Explanation

To understand the code run the application and see the rendered HTML.

<table cellspacing="0" cellpadding="1" id="MainContent_Login1" style="border-collapse:collapse;">
	<tr>
		<td>
			<table cellpadding="0">
				<tr>
					<td align="center" colspan="2">Log In</td>
				</tr>
				<tr>
					<td align="right">
						<label for="MainContent_Login1_UserName">User Name:</label>
					</td>
					<td>
						<input name="ctl00$MainContent$Login1$UserName" type="text" id="MainContent_Login1_UserName" />
						<span id="MainContent_Login1_UserNameRequired" title="User Name is required." style="visibility:hidden;">*</span>
					</td>
				</tr>
				<tr>
					<td align="right">
						<label for="MainContent_Login1_Password">Password:</label>
					</td>
					<td>
						<input name="ctl00$MainContent$Login1$Password" type="password" id="MainContent_Login1_Password" />
						<span id="MainContent_Login1_PasswordRequired" title="Password is required." style="visibility:hidden;">*</span>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input id="MainContent_Login1_RememberMe" type="checkbox" name="ctl00$MainContent$Login1$RememberMe" />
						<label for="MainContent_Login1_RememberMe">Remember me next time.</label>
					</td>
				</tr>
				<tr>
					<td align="right" colspan="2">
						<input type="submit" name="ctl00$MainContent$Login1$LoginButton" value="Log In" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$MainContent$Login1$LoginButton", "", true, "ctl00$MainContent$Login1", "", false, false))" id="MainContent_Login1_LoginButton" />
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>

In the rendered HTML we have 2 controls ‘MainContent_Login1_UserNameRequired’ and ‘MainContent_Login1_PasswordRequired’. These controls are the required field validators. For the message to be appeared in validation summary the ValidationGroup property of validation summary should be same as the validation controls. On page load event we are assigning the validation group of these validators in validation summary.

Output

Picture showing the validation message applied on the login control in asp.net

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Thursday, February 21, 2013

Query/Feedback

Your Email Id

Subject

Query/Feedback	Characters remaining 250