Assignment=08
Q.1) Create a login page use for css and themes.
Coding:
Partial Class _Default
Inherits [Link]
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As
[Link]) Handles [Link]
Dim Name = [Link]
Dim Phone = [Link]
Dim Address = [Link]
Dim Password = [Link]
Dim Confirm_pass = [Link]
Dim Email = [Link]
MsgBox("Name :" & Name & vbCrLf & "Phone_number:" & Phone &
vbCrLf & "Address :" & Address & vbCrLf & "Password :" & Password &
vbCrLf & " Confirm_Password :" & Confirm_pass & vbCrLf & " Email :"
& Email)
End Sub
End Class
[Link]*:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="[Link]"
Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[Link]
<html xmlns="[Link]
<head runat="server">
<title>Untitled Page</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<div class =" form_div">
<center>
<form id="form1" runat="server">
<div>
<h1> Login Page</h1>
</div>
<asp:Label ID="Label1" runat="server" Text="Name:"></asp:Label>
&nb
sp;
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="TextBox1" ErrorMessage="Name is empty"
ForeColor="#3366FF"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator3"
runat="server"
ControlToValidate="TextBox1" ErrorMessage="only character allowed"
ValidationExpression="^[a-zA-
Z\s]+$"></asp:RegularExpressionValidator>
<br />
<asp:Label ID="Label6" runat="server" Text="Phone_Number:"></asp:Label>
<asp:TextBox ID="TextBox6" runat="server" MaxLength="10"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
ControlToValidate="TextBox2" ErrorMessage=" Number is empty"
ForeColor="#3366FF"></asp:RequiredFieldValidator>
Assignment=08
<asp:RegularExpressionValidator ID="RegularExpressionValidator1"
runat="server"
ControlToValidate="TextBox6" ErrorMessage="Invalid Number"
ValidationExpression="\d{10}"></asp:RegularExpressionValidator>
<br />
<asp:Label ID="Label2" runat="server" Text="Address:"></asp:Label>
&nb
sp;
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"
ControlToValidate="TextBox3" ErrorMessage="Address is empty"
ForeColor="#3366FF"></asp:RequiredFieldValidator>
<br />
<asp:Label ID="Label3" runat="server" Text="Password:"></asp:Label>
&nb
sp;
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server"
ControlToValidate="TextBox4" ErrorMessage="Password is empty"
ForeColor="#3366FF"></asp:RequiredFieldValidator>
<br />
<asp:Label ID="Label4" runat="server"
Text="Confirm_Password:"></asp:Label>
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server"
ControlToValidate="TextBox5" ErrorMessage="Password is empty"
ForeColor="#3366FF"></asp:RequiredFieldValidator>
<asp:CompareValidator ID="CompareValidator1" runat="server"
ControlToCompare="TextBox3" ControlToValidate="TextBox4"
ErrorMessage="Not match"></asp:CompareValidator>
&nb
sp; <br />
<asp:Label ID="Label5" runat="server"
Text="Email:"></asp:Label>
<asp:TextBox ID="TextBox5" runat="server" style="margin-left: 112px"
Width="163px"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server"
ControlToValidate="TextBox6" ErrorMessage="Email is empty"
ForeColor="#3366FF"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator2"
runat="server"
ControlToValidate="TextBox5" ErrorMessage="Invalid Email"
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-
.]\w+)*"></asp:RegularExpressionValidator>
<br />
<asp:Button ID="Button1" runat="server" Text="Submit"
BorderStyle="Solid"
ForeColor="White" />
<br />
<br />
</form>
</center>
</div>
</body>
</html>
Assignment=08
[Link] :
body
{
color : White;
font-size: 25px;
margin:100px;
background-color:#13d8db63;
background-repeat:no-repeat;
background-size:cover;
color : White;
}
.form_div
{ padding : 10px 10px ;
background-color :#00a3a0a3 ;
background-repeat:no-repeat;
background-size:cover;
width:60vh;
display:flex;
margin : auto;
border-radius:20px;
color:White;
box-shadow : 10px -10px 20px white;
}
input
{
outline:white;
border : white;
background:#00a3a0a3;
border-bottom:2px dotted white;
}
#BUTTON1
{
color: White;
}
[Link] :
<asp:Label ID="Label1" runat="server" Text="Name:"></asp:Label>
Output:
Assignment=08
Assignment=08