In this article we will create a registration page with captcha implemented to it.
Before going forward we should know what is captcha?
CAPTCHA: Completely Automated Public Turing test to tell Computers and Humans Apart. A captcha is a program that protects websites against bots by generating and grading tests that humans can pass but current computer programs cannot. For example, humans can read distorted text but current computer programs can't.
Characteristics: A captcha is a means of automatically generating challenges which intends to:
- Provide a problem easy enough for all humans to solve.
- Prevent standard automated software from filling out a form, unless it is specially designed to circumvent specific CAPTCHA systems.
For more information please visit
http://en.wikipedia.org/wiki/CAPTCHA
Table structure
Create two tables employee and country as below:

Program
Default.aspx code
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Registration
Page</title>
<style type="text/css">
#datePicker
{
display:none;
position:absolute;
border:solid 2px black;
background-color:white;
}
.content
{
width:400px;
background-color:white;
margin:auto;
padding:10px;
}
html
{
background-color:white;
}
.style10
{
background-color: #eeeeee;
height: 26px;
}
.style11
{
height: 26px;
}
.style12
{
background-color: #eeeeee;
}
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td class="deepbluetextbold"><b>Employee
Information</b></td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel1" AssociatedControlID="LocationLabel1"CssClass="style7" Text="Title" />
</td>
<td>
<asp:RadioButtonList id="rb1" runat="server" RepeatLayout="Flow" RepeatColumns="4"
RepeatDirection="Horizontal" Width="200px" >
<asp:ListItem Text="Mr." Selected="False"/>
<asp:ListItem Text="Mrs."/>
<asp:ListItem Text="M/S"/>
<asp:ListItem Text="Dr."/>
</asp:RadioButtonList>
</td>
<td><asp:RequiredFieldValidator ID="rfv1" Text="Select
any Choice" runat="server"
ControlToValidate="rb1"></asp:RequiredFieldValidator></td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel2" AssociatedControlID="LocationLabel2"CssClass="style7" Text="Name*" />
</td>
<td>
<asp:TextBox runat="server" ID="txtname" Width="200px" />
</td>
<td>
<asp:RequiredFieldValidator ID="rfv2" Text="Please
Enter the Name" runat="server"ControlToValidate="txtname"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel3" AssociatedControlID="LocationLabel3"CssClass="style7" Text="Email*" />
</td>
<td>
<asp:TextBox runat="server" ID="txtemail" Width="200px"/>
</td>
<td>
<asp:RequiredFieldValidator ID="rfv3" Text="Please
Enter the Email" runat="server"ControlToValidate="txtemail"></asp:RequiredFieldValidator>
</td>
<td> <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"
ErrorMessage="Please
enter valid email"
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
ControlToValidate="txtemail"></asp:RegularExpressionValidator></td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel4" AssociatedControlID="LocationLabel4"CssClass="style7" Text="Date
of Birth*" />
</td>
<td colspan="0" rowspan="1">
<asp:TextBox runat="server" ID="txtdateofbirth" Width="200px"/>
</td>
<td>
<asp:RequiredFieldValidator ID="rfv4" Text="Please
Enter the Dateofbirth" runat="server"ControlToValidate="txtdateofbirth"
</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel5" AssociatedControlID="LocationLabel5"CssClass="style7" Text="Guest?*" />
</td>
<td>
<asp:RadioButtonList id="rb2" runat="server" RepeatLayout="Flow" RepeatColumns="3"RepeatDirection="Horizontal" >
<asp:ListItem Text="Yes" Selected="False"/>
<asp:ListItem Text="No"/>
</asp:RadioButtonList>
</td>
<td>
<asp:RequiredFieldValidator ID="rfv5" Text="Select
yes or no" runat="server"ControlToValidate="rb2"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel6" AssociatedControlID="LocationLabel6"
CssClass="style7" Text="Company/Organization*" />
</td>
<td>
<asp:TextBox runat="server" ID="txtcompany" Width="200px"/>
</td>
<td>
<asp:RequiredFieldValidator ID="rfv6" Text="Please
Enter the Company" runat="server"ControlToValidate="txtcompany"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel7" AssociatedControlID="LocationLabel7"
CssClass="style7" Text="Designation*" />
</td>
<td>
<asp:TextBox runat="server" ID="txtdeg" Width="200px"/>
</td>
<td>
<asp:RequiredFieldValidator ID="rfv7" Text="Please
Enter the Designation" runat="server"ControlToValidate="txtdeg"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel8" AssociatedControlID="LocationLabel8"
CssClass="style7" Text="Street
Address*" />
</td>
<td>
<asp:TextBox runat="server" ID="txtaddress" Width="200px"/>
</td>
<td>
<asp:RequiredFieldValidator ID="rfv8" Text="Please
Enter the Street Address"runat="server" ControlToValidate="txtaddress"
</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel9" AssociatedControlID="LocationLabel9"
CssClass="style7" Text="City*" />
</td>
<td>
<asp:TextBox runat="server" ID="txtcity" Width="200px"/>
</td>
<td>
<asp:RequiredFieldValidator ID="rfv9" Text="Please
Enter the Street City" runat="server"ControlToValidate="txtcity"</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel10" AssociatedControlID="LocationLabel10"
CssClass="style7" Text="State" />
</td>
<td>
<asp:TextBox runat="server" ID="txtstate" Width="200px"/>
</td>
<td>
<asp:RequiredFieldValidator ID="rfv10" Text="Please
Enter the Street state"runat="server" ControlToValidate="txtstate"
</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="colouredCell">
<asp:Label runat="server" ID="LocationLabel11" AssociatedControlID="LocationLabel11"
CssClass="style7" Text="Zip
Code*" />
</td>
<td>
<asp:TextBox runat="server" ID="txtzip" Width="200px"/>


Join the conversation! Your thoughts help the community grow.