Create SignUp Form With Login Form And Database In ASP.NET Web Forms

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


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <style type="text/css">

        .auto-style1 {

            width:500px;

            margin:auto;

            border:ridge 5px black;

        }

        .auto-style2 {

            width: 152px;

        }

        .auto-style3 {

            width: 152px;

            height: 31px;

        }

        .auto-style4 {

            height: 31px;

            width: 306px;

        }

        .auto-style5 {

            text-align:center;

            font-size:30px;

        }

        .auto-style6 {

            width: 306px;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <table cellpadding="3" cellspacing="3" class="auto-style1">

                <tr>

                    <td class="auto-style5" colspan="2">SIGNUP FORM</td>

                </tr>

                <tr>

                    <td class="auto-style2">FIRST NAME</td>

                    <td class="auto-style6">

                        <asp:TextBox ID="FirstNameTextBox" runat="server" Width="223px"></asp:TextBox>

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="Dynamic" ErrorMessage="Please Enter First Name" ForeColor="Red" SetFocusOnError="True" ControlToValidate="FirstNameTextBox">*</asp:RequiredFieldValidator>

                    </td>

                </tr>

                <tr>

                    <td class="auto-style2">LAST NAME</td>

                    <td class="auto-style6">

                        <asp:TextBox ID="LastNameTextBox" runat="server" Width="223px"></asp:TextBox>

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" Display="Dynamic" ErrorMessage="Please Enter Last Name" ForeColor="Red" SetFocusOnError="True" ControlToValidate="LastNameTextBox">*</asp:RequiredFieldValidator>

                    </td>

                </tr>

                <tr>

                    <td class="auto-style2">GENDER</td>

                    <td class="auto-style6">

                        <asp:DropDownList ID="DropDownList1" runat="server" Width="231px">

                            <asp:ListItem>Select</asp:ListItem>

                            <asp:ListItem>Male</asp:ListItem>

                            <asp:ListItem>Female</asp:ListItem>

                        </asp:DropDownList>

                        <asp:RequiredFieldValidator InitialValue="Select" ID="RequiredFieldValidator3" runat="server" Display="Dynamic" ErrorMessage="Please Select a gender" ForeColor="Red" SetFocusOnError="True" ControlToValidate="DropDownList1">*</asp:RequiredFieldValidator>

                    </td>

                </tr>

                <tr>

                    <td class="auto-style2">EMAIL</td>

                    <td class="auto-style6">

                        <asp:TextBox ID="EmailTextBox" runat="server" Width="223px"></asp:TextBox>

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Display="Dynamic" ErrorMessage="Please Enter Email" ForeColor="Red" SetFocusOnError="True" ControlToValidate="EmailTextBox">*</asp:RequiredFieldValidator>

                        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="EmailTextBox" Display="Dynamic" ErrorMessage="Please Enter Valid Email" ForeColor="Red" SetFocusOnError="True" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">*</asp:RegularExpressionValidator>

                    </td>

                </tr>

                <tr>

                    <td class="auto-style2">ADDRESS</td>

                    <td class="auto-style6">

                        <asp:TextBox ID="AddressTextBox" runat="server" Width="223px"></asp:TextBox>

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" Display="Dynamic" ErrorMessage="Please Enter Address" ForeColor="Red" SetFocusOnError="True" ControlToValidate="AddressTextBox">*</asp:RequiredFieldValidator>

                    </td>

                </tr>

                <tr>

                    <td class="auto-style3">USERNAME</td>

                    <td class="auto-style4">

                        <asp:TextBox ID="UserNameTextBox" runat="server" Width="223px"></asp:TextBox>

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" Display="Dynamic" ErrorMessage="Please Enter Username" ForeColor="Red" SetFocusOnError="True" ControlToValidate="UserNameTextBox">*</asp:RequiredFieldValidator>

                    </td>

                </tr>

                <tr>

                    <td class="auto-style3">PASSWORD</td>

                    <td class="auto-style4">

                        <asp:TextBox ID="PasswordTextBox" runat="server" Width="223px"></asp:TextBox>

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" Display="Dynamic" ErrorMessage="Please Enter Password" ForeColor="Red" SetFocusOnError="True" ControlToValidate="PasswordTextBox">*</asp:RequiredFieldValidator>

                        <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="PasswordTextBox" Display="Dynamic" ErrorMessage="PLEASE ENTER A STRONG PASSWORD WITH UPPERCASE, LOWERCASE, NUMBERS AND CHARACTERS" SetFocusOnError="True" ValidationExpression="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$">*</asp:RegularExpressionValidator>

                    </td>

                </tr>

                <tr>

                    <td class="auto-style3">CONFIRM PASSWORD</td>

                    <td class="auto-style4">

                        <asp:TextBox ID="ConfirmPasswordTextBox" runat="server" Width="223px"></asp:TextBox>

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" Display="Dynamic" ErrorMessage="Please Enter Confirm Password" ForeColor="Red" SetFocusOnError="True" ControlToValidate="ConfirmPasswordTextBox">*</asp:RequiredFieldValidator>

                        <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="PasswordTextBox" ControlToValidate="ConfirmPasswordTextBox" Display="Dynamic" ErrorMessage="Password is not Identical" ForeColor="Red" SetFocusOnError="True">*</asp:CompareValidator>

                    </td>

                </tr>

                <tr>

                    <td class="auto-style3">&nbsp;</td>

                    <td class="auto-style4">

                        <asp:Button ID="Button1" runat="server" Height="40px" Text="SIGNUP" Width="85px" />

                    </td>

                </tr>

            </table>


            <asp:ValidationSummary ID="ValidationSummary1" runat="server" BackColor="#CCCCCC" Font-Size="Larger" ForeColor="Red" />


        </div>

    </form>

</body>

</html>

Above File is LOGIN_FORM_ASP\REGISTER.aspx












Comments

Popular posts from this blog

Range Validator Control In ASP.NET Web forms | Form Validation | ASP.NET Web forms

Query String In ASP.NET Web Forms | State Management | ASP.NET | Web Forms

Validation Summary Control In ASP.NET Web forms | Form Validation | ASP.NET