Please do it in php formatting- what more information do you need?? Please comp1
ID: 3874376 • Letter: P
Question
Please do it in php formatting- what more information do you need??
Please comp1lete Exercise 15-1: Modify the long version of the Registration application from the textbook (pg. 501-02). Important: You must include comments to explain to someone else what each part of your de is d Your Points Max. Points Grading Criteria Used the d pattern instead of the [[:digit]] pattern in the 4 4 phone method of the Validate class. Used the d pattern instead of the [[:digit:]] pattern in the zip 4 4 method of the Validate class. In the password method of the Validate class, modified the 8 8 code so the password must be at least 8 characters long with at least one uppercase letter and one number. But don1 require a lowercase letter or a sQ__ecial character. Added a Birthdate field after the P,hone number field. 4 4 Added a birthdate method to the Validate class that requires 8 8 the user to enter a birthdate in this format: mm/dd/yyyy. ·oK for month and date to be 1 digit birthdate method ensures that the birth date isn't a date in the future. 8 8 Modify the code in the email method of the Validate class so it uses 4 4 the Ulter var function vvith the INPUT VALIDATE EMAIL filter. Total Points 40 40
html {
background-color: rgb(192, 192, 192);
}
body {
font-family: Arial, Helvetica, sans-serif;
width: 900px;
margin: 0 auto;
padding: 0 2em;
background-color: white;
border: 1px solid black;
}
header {
border-bottom: 2px solid black;
padding: .5em 0;
}
header h1 {
color: black;
}
main {
}
aside {
float: left;
width: 150px;
}
section {
float: left;
width: 500px;
}
footer {
clear: both;
border-top: 2px solid black;
}
footer p {
text-align: right;
font-size: 80%;
}
h1 {
font-size: 150%;
margin: 0;
padding: .5em 0 .25em;
}
h2 {
font-size: 120%;
margin: 0;
padding: .75em 0 0;
}
h1, h2 {
color: rgb(208, 133, 4);
}
/* styles for the form */
fieldset {
margin: 1em;
padding-top: 1em;
}
legend {
font-weight: bold;
font-size: 85%;
}
label {
float: left;
width: 10em;
text-align: right;
margin-top: .25em;
margin-bottom: .5em;
}
input, select {
margin-left: 0.5em;
margin-bottom: 0.5em;
width: 14em;
}
br {
clear: both;
}
span {
vertical-align: middle;
}
.error {
color: red;
}
.notice {
color: red;
font-size: 67%;
text-align: right;
}
Explanation / Answer
html {
background-color: rgb(192, 192, 192);
}
body {
font-family: Arial, Helvetica, sans-serif;
width: 900px;
margin: 0 auto;
padding: 0 2em;
background-color: white;
border: 1px solid black;
}
header {
border-bottom: 2px solid black;
padding: .5em 0;
}
header h1 {
color: black;
}
main {
}
aside {
float: left;
width: 150px;
}
section {
float: left;
width: 500px;
}
footer {
clear: both;
border-top: 2px solid black;
}
footer p {
text-align: right;
font-size: 80%;
}
h1 {
font-size: 150%;
margin: 0;
padding: .5em 0 .25em;
}
h2 {
font-size: 120%;
margin: 0;
padding: .75em 0 0;
}
h1, h2 {
color: rgb(208, 133, 4);
}
/* styles for the form */
fieldset {
margin: 1em;
padding-top: 1em;
}
legend {
font-weight: bold;
font-size: 85%;
}
label {
float: left;
width: 10em;
text-align: right;
margin-top: .25em;
margin-bottom: .5em;
}
input, select {
margin-left: 0.5em;
margin-bottom: 0.5em;
width: 14em;
}
br {
clear: both;
}
span {
vertical-align: middle;
}
.error {
color: red;
}
.notice {
color: red;
font-size: 67%;
text-align: right;
}
.
OUTPUT
html {
background-color: rgb(192, 192, 192);
}
body {
font-family: Arial, Helvetica, sans-serif;
width: 900px;
margin: 0 auto;
padding: 0 2em;
background-color: white;
border: 1px solid black;
}
header {
border-bottom: 2px solid black;
padding: .5em 0;
}
header h1 {
color: black;
}
main {
}
aside {
float: left;
width: 150px;
}
section {
float: left;
width: 500px;
}
footer {
clear: both;
border-top: 2px solid black;
}
footer p {
text-align: right;
font-size: 80%;
}
h1 {
font-size: 150%;
margin: 0;
padding: .5em 0 .25em;
}
h2 {
font-size: 120%;
margin: 0;
padding: .75em 0 0;
}
h1, h2 {
color: rgb(208, 133, 4);
}
/* styles for the form */
fieldset {
margin: 1em;
padding-top: 1em;
}
legend {
font-weight: bold;
font-size: 85%;
}
label {
float: left;
width: 10em;
text-align: right;
margin-top: .25em;
margin-bottom: .5em;
}
input, select {
margin-left: 0.5em;
margin-bottom: 0.5em;
width: 14em;
}
br {
clear: both;
}
span {
vertical-align: middle;
}
.error {
color: red;
}
.notice {
color: red;
font-size: 67%;
text-align: right;
}
html {
background-color: rgb(192, 192, 192);
}
body {
font-family: Arial, Helvetica, sans-serif;
width: 900px;
margin: 0 auto;
padding: 0 2em;
background-color: white;
border: 1px solid black;
}
header {
border-bottom: 2px solid black;
padding: .5em 0;
}
header h1 {
color: black;
}
main {
}
aside {
float: left;
width: 150px;
}
section {
float: left;
width: 500px;
}
footer {
clear: both;
border-top: 2px solid black;
}
footer p {
text-align: right;
font-size: 80%;
}
h1 {
font-size: 150%;
margin: 0;
padding: .5em 0 .25em;
}
h2 {
font-size: 120%;
margin: 0;
padding: .75em 0 0;
}
h1, h2 {
color: rgb(208, 133, 4);
}
/* styles for the form */
fieldset {
margin: 1em;
padding-top: 1em;
}
legend {
font-weight: bold;
font-size: 85%;
}
label {
float: left;
width: 10em;
text-align: right;
margin-top: .25em;
margin-bottom: .5em;
}
input, select {
margin-left: 0.5em;
margin-bottom: 0.5em;
width: 14em;
}
br {
clear: both;
}
span {
vertical-align: middle;
}
.error {
color: red;
}
.notice {
color: red;
font-size: 67%;
text-align: right;
}
.
OUTPUT
html {
background-color: rgb(192, 192, 192);
}
body {
font-family: Arial, Helvetica, sans-serif;
width: 900px;
margin: 0 auto;
padding: 0 2em;
background-color: white;
border: 1px solid black;
}
header {
border-bottom: 2px solid black;
padding: .5em 0;
}
header h1 {
color: black;
}
main {
}
aside {
float: left;
width: 150px;
}
section {
float: left;
width: 500px;
}
footer {
clear: both;
border-top: 2px solid black;
}
footer p {
text-align: right;
font-size: 80%;
}
h1 {
font-size: 150%;
margin: 0;
padding: .5em 0 .25em;
}
h2 {
font-size: 120%;
margin: 0;
padding: .75em 0 0;
}
h1, h2 {
color: rgb(208, 133, 4);
}
/* styles for the form */
fieldset {
margin: 1em;
padding-top: 1em;
}
legend {
font-weight: bold;
font-size: 85%;
}
label {
float: left;
width: 10em;
text-align: right;
margin-top: .25em;
margin-bottom: .5em;
}
input, select {
margin-left: 0.5em;
margin-bottom: 0.5em;
width: 14em;
}
br {
clear: both;
}
span {
vertical-align: middle;
}
.error {
color: red;
}
.notice {
color: red;
font-size: 67%;
text-align: right;
}