The contact form page must contain a form that contains the following fields: • Name • Email • The message that the user
Posted: Sat May 14, 2022 7:24 pm
The contact form page must contain a form that contains the
following fields: • Name • Email • The message that the user wants
to send When the form is submitted, all fields must be checked to
make sure they have been filled out. If the form validation is not
successful, a bold red error message should be displayed to the
user on the page by manipulating the DOM. If the form validation is
successful, a bold green success message should be displayed to the
user on the page by manipulating the DOM. The message should say:
“Dear Name, Thank you for your inquiry. One of our team members
will be in touch with you shortly” In the above message Name should
be replaced by the user’s name from the form. Part 4 – Contact form
continued Most forms on websites will usually have some sort of
test to confirm that the user is a human and not a bot. Update the
contact form that you created in Part 3. Add a field to the form
that asks the user for the answer to a simple maths problem. The
form should only be submitted if the user provides the successful
answer to the maths problem. For example you may ask the user what
3 + 4 equals. The form will only be successfully submitted if the
user provides 7 as the answer. 4 If the user provides the incorrect
answer to the maths problem, you should display a bold red error
message to the user on the page by manipulating the DOM. The
message should be diplayed in the same location on the page as the
form validation error message from Part 3. If the user provides the
correct answer to the maths problem, then the form should be
submitted and the user should receive the bold green success
message from part 3. Once part 4 is complete the user should
receive an error message if: • The form validation fails i.e. not
all fields have been filled out OR • The user provides an incorrect
answer to the maths problem Once part 4 is complete the user should
receive the success message if: • The form validation passes i.e.
all fields have been filled out AND • The user provides the correct
answer to the maths problem IMPORTANT: Please note that the same
maths problem can not be displayed every time the page is loaded.
You must dynamically build the maths problem each time the form is
displayed so that it is always unique.
use html css and javascript
following fields: • Name • Email • The message that the user wants
to send When the form is submitted, all fields must be checked to
make sure they have been filled out. If the form validation is not
successful, a bold red error message should be displayed to the
user on the page by manipulating the DOM. If the form validation is
successful, a bold green success message should be displayed to the
user on the page by manipulating the DOM. The message should say:
“Dear Name, Thank you for your inquiry. One of our team members
will be in touch with you shortly” In the above message Name should
be replaced by the user’s name from the form. Part 4 – Contact form
continued Most forms on websites will usually have some sort of
test to confirm that the user is a human and not a bot. Update the
contact form that you created in Part 3. Add a field to the form
that asks the user for the answer to a simple maths problem. The
form should only be submitted if the user provides the successful
answer to the maths problem. For example you may ask the user what
3 + 4 equals. The form will only be successfully submitted if the
user provides 7 as the answer. 4 If the user provides the incorrect
answer to the maths problem, you should display a bold red error
message to the user on the page by manipulating the DOM. The
message should be diplayed in the same location on the page as the
form validation error message from Part 3. If the user provides the
correct answer to the maths problem, then the form should be
submitted and the user should receive the bold green success
message from part 3. Once part 4 is complete the user should
receive an error message if: • The form validation fails i.e. not
all fields have been filled out OR • The user provides an incorrect
answer to the maths problem Once part 4 is complete the user should
receive the success message if: • The form validation passes i.e.
all fields have been filled out AND • The user provides the correct
answer to the maths problem IMPORTANT: Please note that the same
maths problem can not be displayed every time the page is loaded.
You must dynamically build the maths problem each time the form is
displayed so that it is always unique.
use html css and javascript