Skip to main content

Asp.Net Programming Tutorial Assignment no 6 – 22 Lectures List

ASP.Net tutorial Assignment no 6. Learn User Registration and Validation form in ASP.net. Find all ASP.Net tutorial Here

Find More Here

Find Tally Tutorial Here
Find Advance Excel Tutorial Here


Lecture 3

Asp.Net Programming Assignment no 6 – ASP Tutorial for Beginners

Objective:

Create a Web Site to register a user and validate user’s input using Asp .Net validation controls as shown in web form given below.

Controls, Methods, Properties & Event Used:

  1. RequiredFieldValidator
  2. CompareValidator
  3. RangeValidator
  4. RegularExpressionValidator

Output:

ASP.Net User registration and Validation form

Program:

// In Source of .Aspx
page

<html xmlns=”http://www.w3.org/1999/xhtml”
>

<head runat=”server”>

<title>Validation Controls Example</title>

<style>

body

{

font-family:verdana; font-size:10pt;

}

.textboxStyle

{

border: 1px solid silver; font-size:8pt; color:grey;

font-family:verdana

}

.buttonStyle

{

border:1px solid black; background-color: silver;fontsize:

8pt;font-family:verdana;

}

</style>

<script language=”javascript”
type=”text/javascript”>

function validateContact(source,args)

{

if(document.getElementById(“<%=txtMobile.ClientID%>”).value==“”

&&
document.getElementById(
“<%=txtTel.ClientID%>”).value==“”)

{

alert(“Enter atleast one contact Number”);

document.getElementById(“<%=txtTel.ClientID%>”).focus();

args.IsValid=false;

}

else

{

args.IsValid=true;

}

}

</script>

</head>

<body>

<form id=”form1″
runat=”server”>

<div>

<table cellpadding=”3″ cellspacing=”0″ style=”width:

600px”
align=”center”>

<tr>

<td colspan=”3″>

<strong>

Register
user
<br />

<hr />

</strong>

<asp:CustomValidator ID=”CustomValidator2″

runat=”server” ErrorMessage=”You must specify atleast one

contact
number”

ClientValidationFunction=”validateContact”></asp:CustomValidator

></td>

</tr>

<tr style=”color:
#000000″>

<td style=”width:
200px”
align=”right”

valign=”top”>

Name:</td>

<td style=”width:
200px”
valign=”top”>

<asp:TextBox ID=”txtName” runat=”server”

CssClass=”textboxStyle”></asp:TextBox></td>

<td style=”width:
201px”>

<asp:RequiredFieldValidator

ID=”RequiredFieldValidator1″ runat=”server”

ControlToValidate=”txtName”

ErrorMessage=”Enter Name”

SetFocusOnError=”True”></asp:RequiredFieldValidator></td>

</tr>

<tr style=”color:
#000000″>

<td style=”width:
200px”
align=”right”

valign=”top”>

User ID:</td>

<td style=”width:
200px”
valign=”top”>

<asp:TextBox ID=”txtUserId” runat=”server”

CssClass=”textboxStyle”></asp:TextBox></td>

<td style=”width:
201px”>

<asp:RequiredFieldValidator

ID=”RequiredFieldValidator2″ runat=”server”

ControlToValidate=”txtUserId”

ErrorMessage=”Choose User ID”

SetFocusOnError=”True”></asp:RequiredFieldValidator></td>

</tr>

<tr style=”color:
#000000″>

<td style=”width:
200px”
align=”right”

valign=”top”>

Password:</td>

<td style=”width:
200px”
valign=”top”>

<asp:TextBox ID=”txtPassword” runat=”server”

CssClass=”textboxStyle” TextMode=”Password”></asp:TextBox></td>

<td style=”width:
201px”>

<asp:RequiredFieldValidator

ID=”RequiredFieldValidator3″ runat=”server”

ControlToValidate=”txtPassword”

ErrorMessage=”Choose Password”

SetFocusOnError=”True”></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td style=”width:
200px”
align=”right”

valign=”top”>

Confirm
Password:
</td>

<td style=”width:
200px”
valign=”top”>

<asp:TextBox ID=”txtConfirm” runat=”server”

CssClass=”textboxStyle” TextMode=”Password”></asp:TextBox></td>

<td style=”width:
201px”>

<asp:CompareValidator
ID=”CompareValidator1″

runat=”server” ControlToCompare=”txtConfirm”

ControlToValidate=”txtPassword”

ErrorMessage=”Passwords not matching”

SetFocusOnError=”True”></asp:CompareValidator></td>

</tr>

<tr>

<td style=”width:
200px”
align=”right”

valign=”top”>

Gender:</td>

<td style=”width:
200px”
valign=”top”>

<asp:RadioButtonList ID=”rdGender”

runat=”server”>

<asp:ListItem>Male</asp:ListItem>

<asp:ListItem>Female</asp:ListItem>

</asp:RadioButtonList></td>

<td style=”width:
201px”>

<asp:RequiredFieldValidator

ID=”RequiredFieldValidator4″ runat=”server”

ControlToValidate=”rdGender”

ErrorMessage=”Select Gender”

SetFocusOnError=”True”></asp:RequiredFieldValidator></td>

</tr>

<tr>

<td style=”width:
200px”
align=”right”

valign=”top”>

Date Of
Birth:
</td>

<td style=”width:
200px”
valign=”top”>

<asp:TextBox ID=”txtDOB” runat=”server”

CssClass=”textboxStyle”></asp:TextBox><br />

(dd/MM/yyyy)</td>

<td style=”width:
201px”>

<asp:RequiredFieldValidator

ID=”RequiredFieldValidator5″ runat=”server”

ControlToValidate=”txtDOB” ErrorMessage=”Enter Date Of Birth”

SetFocusOnError=”True”></asp:RequiredFieldValidator>

<asp:RangeValidator ID=”RangeValidator1″

runat=”server” ControlToValidate=”txtDOB”

ErrorMessage=”Your age is not valid for

membership”
MaximumValue=”1-1-1990″ MinimumValue=”1-1-1950″

SetFocusOnError=”True”

Type=”Date”></asp:RangeValidator></td>

</tr>

<tr>

<td style=”width:
200px”
align=”right”

valign=”top”>

Country:</td>

<td style=”width:
200px”
valign=”top”>

<asp:DropDownList ID=”ddCountry”

runat=”server” CssClass=”textboxStyle” Width=”136px”>

<asp:ListItem>Select</asp:ListItem>

<asp:ListItem>India</asp:ListItem>

<asp:ListItem>Asia</asp:ListItem>

<asp:ListItem>UK</asp:ListItem>

<asp:ListItem>USA</asp:ListItem>

<asp:ListItem>Bangladesh</asp:ListItem>

</asp:DropDownList></td>

<td style=”width:
201px”>

<asp:RequiredFieldValidator

ID=”RequiredFieldValidator6″ runat=”server”

ControlToValidate=”ddCountry”

ErrorMessage=”Select Country”

SetFocusOnError=”True”></asp:RequiredFieldValidator></td>

</tr>

<tr>

<td style=”width:
200px”
align=”right”

valign=”top”>

Industry:</td>

<td style=”width:
200px”
valign=”top”>

<asp:ListBox ID=”lstIndustry” runat=”server”

CssClass=”textboxStyle” Width=”136px”>

<asp:ListItem>Education</asp:ListItem>

<asp:ListItem>IT</asp:ListItem>

<asp:ListItem>Software</asp:ListItem>

<asp:ListItem>Call Centre</asp:ListItem>

<asp:ListItem>Banking</asp:ListItem>

<asp:ListItem>Insurance</asp:ListItem>

<asp:ListItem>Broking</asp:ListItem>

</asp:ListBox></td>

<td style=”width: 201px”>

<asp:RequiredFieldValidator

ID=”RequiredFieldValidator7″ runat=”server”

ControlToValidate=”lstIndustry”

ErrorMessage=”Select Industry”

SetFocusOnError=”True”></asp:RequiredFieldValidator></td>

</tr>

<tr>

<td style=”width:
200px”
align=”right”

valign=”top”>

Telphone:</td>

<td style=”width:
200px”
valign=”top”>

<asp:TextBox ID=”txtTel” runat=”server”

CssClass=”textboxStyle”></asp:TextBox></td>

<td style=”width:
201px”>

<asp:RegularExpressionValidator

ID=”RegularExpressionValidator1″ runat=”server”

ControlToValidate=”txtTel”

ErrorMessage=”Invalid Tel”

SetFocusOnError=”True” ValidationExpression=”\d{3}-

\d{8}”></asp:RegularExpressionValidator></td>

</tr>

<tr>

<td style=”width:
200px”
align=”right”

valign=”top”>

Mobile:</td>

<td style=”width:
200px”
valign=”top”>

<asp:TextBox ID=”txtMobile” runat=”server”

CssClass=”textboxStyle”></asp:TextBox></td>

<td style=”width:
201px”>

<asp:RegularExpressionValidator

ID=”RegularExpressionValidator2″ runat=”server”

ControlToValidate=”txtMobile”

ErrorMessage=”Invalid Mobile Number”

SetFocusOnError=”True”

ValidationExpression=”9\d{9}”></asp:RegularExpressionValidator><

/td>

</tr>

<tr>

<td style=”width:
200px”
align=”right”

valign=”top”>

Email ID:</td>

<td style=”width:
200px”
valign=”top”>

<asp:TextBox ID=”txtEmail” runat=”server”

CssClass=”textboxStyle”></asp:TextBox></td>

<td style=”width:
201px”>

<asp:RegularExpressionValidator

ID=”RegularExpressionValidator3″ runat=”server”

ControlToValidate=”txtEmail”

ErrorMessage=”Invalid Email”

SetFocusOnError=”True”

ValidationExpression=”\w+@\w+.\w+”></asp:RegularExpressionValida

tor></td>

</tr>

<tr>

<td colspan=”3″
align=”center”>

<asp:CheckBox ID=”ckTermsCond”

runat=”server” Text=” I Agree Terms & Condition” /><br />

<asp:CustomValidator ID=”CustomValidator1″

runat=”server” ErrorMessage=”You must Agree Terms & Conditions”

OnServerValidate=”CustomValidator1_ServerValidate”

SetFocusOnError=”True”></asp:CustomValidator></td>

</tr>

<tr>

<td style=”width:
200px”>

</td>

<td style=”width:
200px”>

&nbsp;</td>

<td style=”width:
201px”>

</td>

</tr>

<tr>

<td style=”width:
200px”>

</td>

<td style=”width:
200px”
align=”center”>

<asp:Button ID=”btnSubmit” runat=”server”

Text=”Submit” CssClass=”buttonStyle” />

</td>

<td style=”width:
201px”>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

// In Aspx.cs Code Behind //

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public
partial class
frmValidationControlsExample :

System.Web.UI.Page

{

protected
void
Page_Load(object sender, EventArgs e)

{

}

protected
void
CustomValidator1_ServerValidate(object

source, ServerValidateEventArgs args)

{

if (ckTermsCond.Checked)

{

args.IsValid
=
true;

}

else

{

args.IsValid
=
false;

}

}

}

Leave a Reply

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