Modification of contact form elements using HTML , CSS and javascript

Modification of contact form elements using HTML , CSS and javascript

I have done part of the work i need help to complete the rest….Find attached the complete question within the zipped folder and what i have do so far.

NOTE …PLEASE DIFFERENTIATE BETWEEN ASSIGNMENT 1 AND 2 based on the description below.

Task 2:

1. Based on documents that you have created in Task 1. You need to include HTML Regular Expression.
2. Apply appropriate validation for each input.
3. The condition will be as follows.
   1. All input are required.
   2. Email should be valid to this format: firstname.lastname@uni.edu.my
   3. Student ID must follow the following:eg j12345678
   4. Phone must be according to the following format: +6012-1234 567
   5. The date for appointment must be from 1^st September until 8^th September 2017
   6. The time for appointment must be between 8.00 am to 12.00 pm
4. Based on documents that you have created in Task 1.
5. Create similar document, named it as “contact2.html” and “appointment2.html”
6. Modify the JavaScript validation, use <span> to display error message.
7. Use red font color to display all error message.

Task 3:

1. Apply consistent web page by using external stylesheet. All HTML page must use the same external CSS document.
2. The HTML structure must use DIV
3. Implement 5 INTERNAL and 5 EMBED CSS.
4. Implement DESCENDENT and CHILD CSS.
5. Implement CSS BOX MODEL: Content, Padding, Margin, and Border.
6. Change the type of font and apply <span> in HTML webpage.
7. Apply THREE (3) different JavaScript Mouse events.
8. Apply THREE (3) different JavaScript Keyboard events.
9. Apply THREE (3) different Form events.

Task 4:

1. you need to implement CSS3 Transformation, Animation and Transition.

Eg

https://www.w3schools.com/cssref/tryit.asp?filenam…

……………………………………………………………………………………………………………………………………………………………………………….

Assignment 2

Task 1:

1. Modify previous validation in Assignment 1.
2. Remove all HTML 5 regular expression. For this task, use JavaScript validation.
3. Include the pattern in JavaScript.
   

Task 2:

1. Based on documents that you have created in Task 1.
2. Create similar document, named it as “contact2.html” and “appointment2.html”
3. Modify the JavaScript validation, use <span> to display error message.
4. Use red font color to display all error message.

Task 3:

1. Apply THREE (3) different JavaScript Mouse events.
2. Apply THREE (3) different JavaScript Keyboard events.
3. Apply THREE (3) different Form events.

"You need a similar assignment done from scratch? Our qualified writers will help you with a guaranteed AI-free & plagiarism-free A+ quality paper, Confidentiality, Timely delivery & Livechat/phone Support.

Discount Code: CIPD30

Click ORDER NOW..