CREATE/ A html FILE. Password validation needs to be implemented. Follow the criteria to meet the password requirement.  contain between 4 and 8 characters  begin with a letter of the alphabet (upper or lowercase)  contain at least one digit (0 - 9)  contain at least one of the following special characters: dollar sign ($), percent sign (%), or pound sign (#) Display proper messages for each error.   HERE IS A THE HTML:   Password Challenger Enter a password in the box below. Your password must: contain between 4 and 8 characters begin with a letter of the alphabet (upper or lowercase) contain at least one digit (0 - 9) contain at least one of the following special characters: dollar sign ($), percent sign (%), or pound sign (#)   Password entered:

New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter7: Designing A Web Form: Creating A Survey Form
Section: Chapter Questions
Problem 5CP2
icon
Related questions
Question

CREATE/ A html FILE. Password validation needs to be implemented. Follow the
criteria to meet the password requirement.
 contain between 4 and 8 characters
 begin with a letter of the alphabet (upper or lowercase)
 contain at least one digit (0 - 9)
 contain at least one of the following special characters: dollar sign ($), percent sign (%),
or pound sign (#)
Display proper messages for each error.


 

HERE IS A THE HTML:

 

<html>

<head>

<title>Password Challenger</title>

</head>

<body>

<table width = 60% align = "center">

<tr>

<td>

<br />

<h3> Enter a password in the box below. Your password must:

<ul>

<li>contain between 4 and 8 characters</li>

<li>begin with a letter of the alphabet (upper or lowercase)</li>

<li>contain at least one digit (0 - 9)</li>

<li>contain at least one of the following special characters: dollar sign ($), percent sign (%), or pound sign (#)</li>

</ul>

<p>

<input type="password" name="user_pwrd" id="passwrd" size = ""/>

<input type ="button" value = "ok"/>

</p>

<span id="error_msg">&nbsp;</span><br />

<p>

<br />

Password entered: <span id="show_word">&nbsp;</span>

</p>

</td>

</tr>

</table>

</body>

</html>

Expert Solution
steps

Step by step

Solved in 4 steps with 2 images

Blurred answer
Knowledge Booster
Form and its Elements
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning