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
[LinkVer]
Lecture 3
Asp.Net Programming Assignment no 6 – ASP Tutorial for Beginners
[ResponsiveRect]
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:
- RequiredFieldValidator
- CompareValidator
- RangeValidator
- RegularExpressionValidator
Output:
Program:
[LinkVer]
// 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”>
</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;
}
}
}
