Thursday, June 23, 2011

First ASP.NET page with validation

DESIGN OF THE FIRST ASP.NET PAGE.
1.This is the design of the first page.
2.The code for the page follows as below:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" 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>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        &nbsp;<asp:Label ID="lblName" runat="server" Text="Enter Your Name"></asp:Label>
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
        <asp:TextBox ID="txtName" runat="server" OnTextChanged="TextBox1_TextChanged"></asp:TextBox>
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        <asp:RegularExpressionValidator ID="valUserName" runat="server" ControlToValidate="txtName"
            ErrorMessage="Enter correct username" ValidationExpression="ab{2,}" Width="169px"></asp:RegularExpressionValidator><br />
        <br />
        &nbsp;<br />
        &nbsp;<asp:Label ID="Label1" runat="server" Text="Enter your email address"></asp:Label>
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ErrorMessage="Enter correct email address" ControlToValidate="txtEmail" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator><br />
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br />
        <br />
        &nbsp;<asp:Label ID="Label2" runat="server" Text="Enter Your Phone number"></asp:Label>
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
     
        <asp:TextBox ID="txtPhNo" runat="server"></asp:TextBox>&nbsp;<br />
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<br />
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<br />
        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
        &nbsp; &nbsp; &nbsp; &nbsp;<asp:Button ID="btnSubmit" runat="server" OnClick="Button1_Click" Text="Submit" Width="106px" />
        </div>

</form>
</body>
</html>
3.Validation of the input form can be done either by the following ways:
1.Using the validation controls of .NET
    1.1 By using regular expressions.
2.Using Javascript.
3.By using user defined functions.
4.Add this code to yourpagename.cs

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 _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        
    }
    protected void TextBox1_TextChanged(object sender, EventArgs e)
    {

    }
    protected void TextBox2_TextChanged(object sender, EventArgs e)
    {

    }
    
    protected void Button1_Click(object sender, EventArgs e)
    {
        
        Session["txt1"] = txtName.Text;
        Session["txt2"] = txtEmail.Text;
        Session["txt3"] = txtPhNo.Text;
        Response.Redirect("WebForm2.aspx"); //  this command will redirect the contents of the first page to the page specified in quotes on clicking the submit button(here Button1)
        
    }
}

5.On clicking on submit the next page will open 


     
Design of next page on clicking of the submit button.

        CONGRATULATIONS YOU HAVE DESIGNED YOUR OWN WEB PAGE!!

Your first ASP.NET page.

Prerequisites:
1.Visual Studio 2005 version 2.0 +.
2.Knowledge of C#.
3.Knowledge of HTML.
To start creating your own web site follow the given steps
1.Open Visual Studio 2005.
2.Click on File
   >New Web Site
  >ASP.NET Web Site.

Give the web site a name and wallah start designing...