Simple Registration Form Design In ASP NET

Registration Form .aspx file


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Registration.aspx.cs" Inherits="ContractorManagement.Registration" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../css/Controls.css" rel="stylesheet" />
    <style type="text/css">
        .buttonClass {
            padding: 2px 20px;
            text-decoration: none;
            border: solid 1px #336699;
            background-color: gainsboro;
            color: black;
            font-family: Calibri, sans-serif;
        }
    </style>
    <link href="Site.css" rel="stylesheet" />
    <link href="css/Controls.css" rel="stylesheet" />
    <script type="text/javascript">

        function DigitOnly() {
            var charCode = event.keyCode;
            try {
                if (charCode > 31 && (charCode < 48 || charCode > 57 || charCode == 45)) {
                    if (charCode == 46) {
                        return true;
                    }
                    return false;
                }
                return true;
            }
            catch (err) {
                alert(err.Description);
            }
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="rscript" runat="server"></telerik:RadScriptManager>
        <div>
            <table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td style="height: 100px;">
                        <img src="~/img/PWDPMHeader.png" id="ImgPwdHome" runat="server" alt="PWD Project Management Portal"
                            border="0" style="height: 100%; width: 600px; margin-left: 5px" />
                    </td>
                </tr>
            </table>
            <asp:UpdatePanel ID="upnleReg" runat="server">
                <Triggers>
                    <%--<asp:PostBackTrigger ControlID="lnksignin" />--%>
                </Triggers>
                <ContentTemplate>
                    <table align="center" width="415" style="border: 1px solid #336699; margin-top: 50px; border-radius: 18px" cellspacing="10">
                        <tr>
                            <td colspan="2" style="background-color: #25a0da; color: #FFFFFF; text-align: center; vertical-align: middle; height: 50px; border-radius: 5px">
                                <font style="font-size: 20pt; font-weight: bold; margin-top: 10px; margin-bottom: 5px">Registration Form</font>
                            </td>
                        </tr>
                        <tr>
                            <td width="20%" align="left">
                                <asp:Label ID="lblFirmName" Text="Firm Name" runat="server"></asp:Label>
                                (<font style="color: #FF0000; font-weight: bold;">*</font>)
                            </td>
                            <td width="15%" align="left">
                                <telerik:RadTextBox ID="txtfirmName" runat="server" Height="25px"
                                    MaxLength="50" Width="250px" EmptyMessage=" Firm Name" ValidationGroup="Save">
                                </telerik:RadTextBox>
                                <asp:RequiredFieldValidator ID="rfvtxtfirmName" runat="server" ControlToValidate="txtfirmName" SetFocusOnError="true" ValidationGroup="Save"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" width="20%">
                                <asp:Label ID="lblAddress" Text="Address" runat="server"></asp:Label>
                                (<font style="color: #FF0000; font-weight: bold;">*</font>)
                            </td>
                            <td align="left" width="25%">
                                <telerik:RadTextBox ID="txtAddress" runat="server" Width="250px" EmptyMessage=" Firm Address" TextMode="MultiLine"></telerik:RadTextBox>
                                <asp:RequiredFieldValidator ID="rfvtxtAddress" runat="server" ControlToValidate="txtAddress" SetFocusOnError="true" ValidationGroup="Save"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" width="20%">
                                <asp:Label ID="lblContactNo" Text="Contact No" runat="server"></asp:Label>
                                (<font style="color: #FF0000; font-weight: bold;">*</font>)
                            </td>
                            <td align="left" width="25%">
                                <telerik:RadTextBox ID="txtContactNo" runat="server" Height="25px" Width="250px" EmptyMessage=" Firm Contact No." ValidationGroup="Save" MaxLength="10" onkeypress="return DigitOnly(event)" AutoPostBack="true" OnTextChanged="txtContactNo_TextChanged"></telerik:RadTextBox>
                                <asp:Label ID="lblMob" runat="server" ForeColor="Red"></asp:Label>
                                <asp:RequiredFieldValidator ID="rfvtxtContactNo" runat="server" ControlToValidate="txtContactNo" SetFocusOnError="true" ValidationGroup="Save"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" width="20%">
                                <asp:Label ID="lblEmailID" Text="Email ID" runat="server"></asp:Label>
                                (<font style="color: #FF0000; font-weight: bold;">*</font>)
                            </td>
                            <td align="left" width="25%">
                                <telerik:RadTextBox ID="txtEmailID" runat="server" Height="25px" Width="250px" EmptyMessage="Email ID" AutoPostBack="true" OnTextChanged="txtEmailID_TextChanged"></telerik:RadTextBox>

                                <asp:Label ID="lblEmail" runat="server" ForeColor="Red"></asp:Label>
                                <asp:RequiredFieldValidator ID="rfvtxtEmailID" runat="server" ControlToValidate="txtEmailID" SetFocusOnError="true" ValidationGroup="Save"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="RegularEmailID" runat="server" ErrorMessage="Enter correct EmailId " ForeColor="Red" ControlToValidate="txtEmailID" ValidationGroup="Save" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" width="20%">
                                <asp:Label ID="lblPanNo" Text="Pan No" runat="server"></asp:Label>
                                (<font style="color: #FF0000; font-weight: bold;">*</font>)
                            </td>
                            <td align="left" width="25%">
                                <telerik:RadTextBox ID="txtPanNo" runat="server" Height="25px" MaxLength="10" Width="250px" EmptyMessage=" Firm Pan No." AutoPostBack="true"  OnTextChanged="txtPanNo_TextChanged"></telerik:RadTextBox>
                                <asp:Label ID="lblPan" runat="server" ForeColor="Red"></asp:Label>
                                <telerik:RadToolTip RenderMode="Lightweight" ShowEvent="OnClick" runat="server" ID="RadToolTip3" RelativeTo="Element" Width="200px"
                                    TargetControlID="txtPanNo" Animation="Fade" Position="MiddleRight" Skin="Simple">
                                    <table>
                                        <tr>
                                            <td style="font-family: Arial; text-decoration: solid;">
                                                <p>
                                                    PAN No Format Must Be As:<br />
                                                    (e.g. LKJUH9874W)                                 
                                                </p>
                                            </td>
                                        </tr>
                                    </table>
                                </telerik:RadToolTip>
                                <asp:RequiredFieldValidator ID="rfvtxtPanNo" runat="server" ControlToValidate="txtPanNo" SetFocusOnError="true" ValidationGroup="Save"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtPanNo" ValidationGroup="Save" SetFocusOnError="true"
                                    Display="Dynamic" ForeColor="Red" ErrorMessage="Invalid PAN No" ValidationExpression="[A-Z]{5}\d{4}[A-Z]{1}">
                                </asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" width="15%">
                                <asp:Label ID="Label1" Text="GST No" runat="server"></asp:Label>
                                (<font style="color: #FF0000; font-weight: bold;">*</font>)
                            </td>
                            <td align="left" width="25%">

                                <telerik:RadTextBox ID="txtGst" runat="server" Height="25px" MaxLength="15" Width="250px" EmptyMessage=" Firm GSt No." AutoPostBack="true" OnTextChanged="txtGst_TextChanged"></telerik:RadTextBox><br />
                                <asp:Label ID="lblgst" runat="server" ForeColor="Red"></asp:Label>
                                <telerik:RadToolTip RenderMode="Lightweight" ShowEvent="OnClick" runat="server" ID="RadToolTip1" RelativeTo="Element" Width="250px"
                                    TargetControlID="txtGst" Animation="Fade" Position="MiddleRight" Skin="Simple">
                                    <table>
                                        <tr>
                                            <td style="font-family: Arial; text-decoration: solid;">
                                                <p>
                                                    <b>Format details:</b><br />
                                                    (e.g. 22SDFRE2541P1Z4)
                                          <br />
                                                    1.First 2 digits of the GST Number will represent State Code as per the Census (2011).<br />
                                                    2.Next 10 digits will be same as in the PAN number of the taxpayer.<br />
                                                    3.The 13th digit will be the number of registration you take within a state.<br />
                                                    4.14th digit will be Z by default.<br />
                                                    5.Last would be the check code<br />
                                                </p>
                                            </td>
                                        </tr>
                                    </table>
                                </telerik:RadToolTip>
                                <asp:RequiredFieldValidator ID="rfvGSTNo" runat="server" ControlToValidate="txtGst" SetFocusOnError="true" ValidationGroup="Save"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="REVtxtGst" runat="server" ControlToValidate="txtGst" ValidationGroup="Save" SetFocusOnError="true" 
                                Display="Dynamic" ForeColor="Red" ErrorMessage="InValid GST No." ValidationExpression="[0-9]{2}[(a-z)(A-Z)]{5}\d{4}[(a-z)(A-Z)]{1}\d{1}[(z)(Z)]{1}[(a-z)(A-Z)(0-9)]{1}"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" width="15%">
                                <asp:Label ID="lblUserName" Text="UserName" runat="server"></asp:Label>
                                (<font style="color: #FF0000; font-weight: bold;">*</font>)
                            </td>
                            <td align="left" width="25%">
                                <telerik:RadTextBox ID="txtUserName" runat="server" Height="25px" Width="250px" EmptyMessage=" UserName" AutoPostBack="true" OnTextChanged="txtUserName_TextChanged"></telerik:RadTextBox>
                                <br />
                                <asp:Label ID="lbluser" runat="server" ForeColor="Red"></asp:Label>
                                <asp:RequiredFieldValidator ID="rfvUserName" runat="server" ControlToValidate="txtUserName" SetFocusOnError="true" ValidationGroup="Save"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td align="left" width="15%">
                                <asp:Label ID="lblPass" Text="Password" runat="server"></asp:Label>
                                (<font style="color: #FF0000; font-weight: bold;">*</font>)
                            </td>
                            <td align="left" width="25%">
                                <telerik:RadTextBox ID="txtPassWord" runat="server" Height="25px" Width="250px" EmptyMessage=" Password" TextMode="Password"></telerik:RadTextBox>
                                <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtPassWord" SetFocusOnError="true" ValidationGroup="Save"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="Center">
                                <asp:Button CssClass="buttonBlue" ID="btnRegistration" runat="server" Text="Register" OnClick="btnRegistration_Click1" ValidationGroup="Save" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <asp:HyperLink ID="lnksignin" NavigateUrl="~/ConManagement/Login.aspx" runat="server" Text="Back To Login" Style="float: right"></asp:HyperLink>
                            </td>
                        </tr>
                    </table>
                    <table align="center" width="750px">
                        <tr>
                            <td align="center">
                                <asp:Label ID="lblUserMsg" runat="server" ForeColor="Green" Font-Size="Medium"></asp:Label>
                                <asp:Label ID="lblerrmsg" runat="server" ForeColor="Red"></asp:Label>
                            </td>
                        </tr>
                    </table>
                </ContentTemplate>
            </asp:UpdatePanel>
            <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="upnleReg">
                <ProgressTemplate>
                    <div class="modal">
                        <div class="center">
                            <img src="../img/loadingimg.gif" alt="waiting" />
                        </div>
                    </div>
                </ProgressTemplate>
            </asp:UpdateProgress>
        </div>
    </form>
</body>
</html>


Comments

Popular posts from this blog

String Program in C#

CSV using XmlNode

Controller_Model. cs