<pre>%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RegForm1.aspx.cs" Inherits="Test.RegistrationForm" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<style>
input[type=label] {
border: 2px solid Blue;
border-radius: 2px;
}
input[type=text] {
border: 2px solid red;
border-radius: 4px;
}
body {
background-color: lightblue;
}
</style>
<title>Database</title>
<script type="text/javascript">
function Valid1(e, t) {
try {
if (window.event) {
var charCode = window.event.keyCode;
}
else if (e) {
var charCode = e.which;
}
else { return true; }
if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123))
return true;
else
return false;
}
catch (err) {
alert("Invalid ");
}
}
function Valid2(e, r) {
try {
if (window.event) {
var charCode = window.event.keyCode;
}
else if (e) {
var charCode = e.which;
}
else { return true; }
if ((charCode > 47 && charCode < 91) )
return true;
else
return false;
}
catch (err) {
alert("Invalid ");
}
}
function Valid2(e, r) {
try {
if (window.event) {
var charCode = window.event.keyCode;
}
else if (e) {
var charCode = e.which;
}
else { return true; }
if ((charCode > 47 && charCode < 91))
return true;
else
return false;
}
catch (err) {
alert("Invalid ");
}
}
function Valid4(e, r) {
try {
if (window.event) {
var charCode = window.event.keyCode;
}
else if (e) {
var charCode = e.which;
}
else { return true; }
if ((charCode > 41 && charCode < 58))
return true;
else
return false;
}
catch (err) {
alert("Invalid ");
}
}
function IsValidEmail(email) {
var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
return expr.test(email);
};
function ValidateEmail() {
var email = document.getElementById("txtEmail").value;
if (!IsValidEmail(email)) {
alert("Invalid email address.");
}
else {
alert("Valid email address.");
}
}
function ageCount() {
var date1 = new Date();
var dob= document.getElementById("dob").value;
var date2=new Date(dob);
var pattern = /^\d{1,2}\/\d{1,2}\/\d{4}$/;
if (pattern.test(dob)) {
var y1 = date1.getFullYear();
var y2 = date2.getFullYear();
var age = y1 - y2;
document.write("Age : " + age);
return true;
} else {
alert("Invalid date format. Please Input in (dd/mm/yyyy) format!");
return false;
}
function onlyAlphabets(e, t) {
try {
if (window.event) {
var charCode = window.event.keyCode;
}
else if (e) {
var charCode = e.which;
}
else { return true; }
if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123))
return true;
else
return false;
}
catch (err) {
alert("Invaild");
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="0">
<tr>
<th colspan="3">Registration
</th>
</tr>
<tr>
<td style="width: 362px">Name
</td>
<td>
<asp:TextBox ID="txtname" runat="server" onkeypress ="Valid1(e, t) " ControlToValidate="txtname"/>
</td>
<td>
</td>
<td style="width: 662px">
<asp:RequiredFieldValidator ErrorMessage="Required" ForeColor="" ControlToValidate="txtname"
runat="server" />
</td>
</tr>
<tr>
<td style="width: 362px">Department
</td>
<td>
<asp:TextBox ID="txtDept" runat="server" />
<input type="text" onkeypress="return Valid2(event,this);" />
</td>
<td style="width: 662px">
<asp:RequiredFieldValidator ErrorMessage="Required" ForeColor="" ControlToValidate="txtDept"
runat="server" />
</td>
</tr>
<tr>
<td style="width: 362px">Salary
</td>
<td>
<asp:TextBox ID="txtSalary" runat="server" onkeypress="return Valid4(event,this);" />
</td>
<td style="width: 662px">
<asp:CompareValidator ErrorMessage="Required" ForeColor=""
ControlToValidate="txtSalary" runat="server" />
</td>
</tr>
<tr>
<td style="width: 362px">DOJ
</td>
<td>
<asp:TextBox ID ="txtDOJ" runat="server" />
</td>
<td>
<asp:Calendar ID="Calendar1" runat="server" onkeypress="return ValidateDate (sender, args)" BackColor="White" BorderColor="#999999" CellPadding="4" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="180px" Width="200px" >
</asp:Calendar>
</td>
<td style="height: 1px; width: 662px;">
<%----%>
</td>
</tr>
<tr>
<td style="width: 362px">DOB
</td>
<td>
<asp:TextBox ID ="txtDOB" runat="server" OnTextChanged="txtDOB_TextChanged1" />
</td>
<td>
<asp:Calendar ID="Calendar2" runat="server" onclick="return ageCount" BackColor="White" BorderColor="#999999" CellPadding="4" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="180px" Width="200px" >
</asp:Calendar>
</td>
<td style="width: 662px">
<%----%>
</td>
</tr>
<tr>
<td style="width: 362px">Age
</td>
<td>
<asp:TextBox ID="txtAge" onkeypress="return Valid4(event,this)" runat="server" />
</td>
<td style="width: 662px">
<asp:RequiredFieldValidator ErrorMessage="Required" ForeColor=""
ControlToValidate="txtAge" runat="server" />
</td>
</tr>
<tr>
<td style="width: 362px">Country
</td>
<td>
<asp:DropDownList ID="DDlCountry" runat="server" AutoPostBack="true" Height="21px" Width="122px"
OnSelectedIndexChanged="DDlCountry_SelectedIndexChanged"></asp:DropDownList>
</td>
<%----%>
</tr>
<tr>
<td style="width: 362px">State
</td>
<td>
<asp:DropDownList ID="Ddlstate" runat="server" onkeypress="return onlyAlphabets(event,this);" Height="21px" Width="122px"></asp:DropDownList>
</td>
<%----%>
</tr>
<tr>
<td style="width: 362px">Phone
</td>
<td>
<asp:TextBox ID="txtPhone" runat="server" onkeypress="return Valid4(event,this)" Height="21px" Width="122px" />
</td>
<td style="width: 662px">
<asp:RequiredFieldValidator ErrorMessage="Required" ForeColor=""
ControlToValidate="txtPhone" runat="server" />
</td>
</tr>
<tr>
<td style="width: 362px">Email
</td>
<td>
<asp:TextBox ID="TxtEmail" runat="server" onclick = "ValidateEmail()" Height="21px" Width="122px" />
</td>
<td style="width: 662px">
<asp:RequiredFieldValidator ErrorMessage="Required" ForeColor=""
ControlToValidate="TxtEmail" runat="server" />
</td>
</tr>
<tr>
<td>PinCode
</td>
<td>
<asp:TextBox ID="txtPin" runat="server" onkeypress="return Valid4(event,this)" Height="21px" Width="122px" />
</td>
<td style="width: 662px">
<asp:RequiredFieldValidator ErrorMessage="Required" ForeColor=""
ControlToValidate="txtPin" runat="server" />
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td style="width: 362px"></td>
<td>
<asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click1" />
<asp:Button ID="Button2" runat="server" Text="Cancel" OnClick="Button2_Click1" />
</td>
<td style="width: 6px"></td>
</tr>
</table>
</div>
</form>
<script>
</script>
</body>
</html>