Create a form that takes password and confirm password as input fields a. Using JavaScript, validate the password entered by the user in the form created in form. The password must only contain at least an alphabet in uppercase, an alphabet in lowercase, a number, a special character and must be at least 8 characters. b. Apply CSS to the forms created. use all three different types of CSS. If either of password or the confirmation password entered by the user is not in the correct format as specified by the JavaScript created in Question 3a, the colour of the textboxes should be change to red and if every rule is adhered, it should change to green

Create a form that takes password and confirm password as input fields a. Using JavaScript, validate the password entered by the user in the form created in form. The password must only contain at least an alphabet in uppercase, an alphabet in lowercase, a number, a special character and must be at least 8 characters. b. Apply CSS to the forms created. use all three different types of CSS. If either of password or the confirmation password entered by the user is not in the correct format as specified by the JavaScript created in Question 3a, the colour of the textboxes should be change to red and if every rule is adhered, it should change to green

Microsoft Visual C#

7th Edition

ISBN:9781337102100

Author:Joyce, Farrell.

Publisher:Joyce, Farrell.

Chapter12: Using Controls

Section: Chapter Questions

Problem 10E

See similar textbooks

Similar questions

I'm trying to learn CSS and it isn't easy. Can someone help me with this problem? Modify or add one CSS rule for each requirement below to change the text color property as specified. By color name: change the text color for byname class elements from black to blue. By RGB values: change the text color for byrgb class elements from black (rgb(0, 0, 0)) to green by modifying the second number to be 255. By HSL values: change the text color for byhsl class elements from black (hsl(0, 0%, 0%)) to cyan by modifying the first number to be 200, the second number to 100%, and the third number to 50%. Code: <p class="byname">The text is blue</p> <p class="byrgb">The text is green</p> <p class="byhsl">The text is cyan</p>
Please help me with this. I am not understanding what to do. So the code below is supposed to display images when the checkboxed are clicked and display nothing when they are unclicked,. Dont worry about the css code JS function p01Func() { document.getElementById("description").innerHTML = "<p>A mother joins an underground band of vigilantes to try to rescue her daughter from a state-run institution.</p>"; document.getElementById("poster").src = "images/night_raiders_poster.jpg"; document.getElementById("poster").style.display = "block"; document.getElementById("director").src = "images/night_raiders_director.jpg"; document.getElementById("director").style.display = "none"; document.getElementById("actors").src = "images/night_raiders_actors.jpg"; document.getElementById("actors").style.display = "none"; document.getElementById("check1").checked = false; document.getElementById("check2").checked = false; document.getElementById("check3").checked = false;}…
Please create the following screen attached using Java GUI (JavaFX): In your code you can add any background of your choosing, but the message and the Cave 1, 2, 3, 4, 5 buttons should look the same. The font is in Arial w/ Choose the Cave being size 36, bolded and white and Cave 1, 2, 3,4,5 are buttons of size 27,bolded and white. Also "Choose a Cave" should appear with a typewriter effect , w/ the same background image. Cave 1, 2, 3, 4, 5, are buttons.
A 3-digit number should be entered in the CSC box. If something other than a 3 digit number is entered, the box should wiggle back and forth to indicate invalid data. That is not currently happening. Open the code8-4_debug.css file. Study the code that applies the transition effect to the input#csc object when invalid data is entered. Correct any mistakes in the code that you find. Verify that when you enter invalid data in the CSC box, the box wiggles back and forth to indicate that the data is not valid.
You can use display: none; to hide elements in CSS True or False pick the correct answer ??
Use the following CSS rule to write a line of HTML code that will display the text “CSC242” in an h1 header and make the text red. .special { color: red; }
Scenario Wilson Zoo would like you to implement and test a web application to be used to order drinks at their smoothie and milkshake shack, The Monkey Bar. Basic Application Your web application must have one HTML file and one JS file (no navigation or style is needed) you may use a single style sheet to show and hide elements as per the specification provide suitable form elements to allow the customer to select a drink, by choosing: size, type, ingredients, base and extras, as shown below display the cost of the current drink, for example: provide a button to add the current drink to an order display the full details and cost of all drinks that have been added to the order, for example: display a running total of the cost of the order, for example: provide a button to place the order which simply outputs a message stating the order has been received and resets the screen The customer can pick the following options for their drink: size: small - £2.45 medium…
We need to create a picture card using HTML/CSS. By the criteria of following requirements: Create a picture card that looks like this with any background picture and any icon! Requirements: In this screenshot, the title is "Title goes here", the secondary text is "Secondary text", and the body text is "Greyhound divisively hello coldly wonderfully marginally far upon excluding." The card's root element is a <div> with a class of "card". The card is 344px wide. The desert picture is 194px tall. The padding between the body text and everything else is 16px. The color of the title text is #000. The color of the secondary and body texts is #232F34. The size of the person picture is 40px in diameter. The size of the body text is 11px. The size of the title is 22px. For the padding or margin around any other elements, use your best judgment to make it look like the screenshot. Transitions When a person moves their pointer over a picture card, then the card gets a shadow of…
Create a page that will allow users to enter the total amount for a bill, the number of people splitting the bill, and the tip percentage that should be used. All of these values can be entered using text fields, but you may use a drop-down menu or radio buttons to allow the user to select the tip amount that they want to use. When the user clicks a button to calculate the amount it should call a function in an associated JavaScript file that will perform the calcuation. This function should have four parameters, the first which is the amount of the bill, the second of which is the tax rate, the third of which is the number of people splitting the bill, and the last of which is the desired tip rate. The function should calculate the total amount due including tax and split it evenly amongst everyone. The tip should be calculated without tax. The function should create and return a String that looks similar to the following: "The bill of $100.00 with 8% tax comes to a total of…
Use the given code to answer the following questions: External.css label { color: darkgray; } home. Html <header> <link ref “stylesheet” type”text/css” href= “external .css” <style> Label { Color: darkblue; } </style> </header> <body style=”color: darkred;”> <p> <input type “checkbox” name =”chkOrange” <label style “color: darkcyan;” for = “chkOrange”>Oranges</label> </p> </body> Which color is shown for the < label> tag? Darkred Darkcyan Darkgray Darkblue
You have a division with an ID = 'div0'. What JavaScript statement would allow you to change the CSS background color of that particular division to green? document.getElementById('div0').style.background-color='green'; document.getElementByName('div').backgroundColor='green'; document.getElementById('div0').style.backgroundColor='green'; document.getElementByClassname('div0').style.backgroundColor='green';
Create another HTML File with YourNameReqgNoJavaScript.html (Add this step screen shot too). Design the form and show the output as shown below (using table, text fields, buttons, radio buttons and formatting tags). Also define External CSS file and apply CSS to all the Text Fields, Buttons and Lables. Ask User to enter Name, Reg No, Obtain and Total Marks. When User Presses the Calculate Grade Button, then Percentage should be computed and displayed in Text field against percentage label. Finally, based on the Percentage compute the Grade and show in the Grade Text field. Using JavaScript, write code to calculate the percentage and when user clicks the Submit button then following output should be printed in Browser. When User Clicks the Clear button all the field text should be cleared. Also, include the following Checks/Validations Student Name only contain Alphabets, Numeric value can not be entered in this filed Student Name must be atleast 5 Characters in length Marks obt and…