Please help me solve this javascript problem. Thanks Form.html code: https://bit.ly/3L818ML 1 Problem Statement Validate the fields

Please help me solve this javascript problem. Thanks

Form.html code: https://bit.ly/3L818ML

Transcribed Image Text:

1 Problem Statement Validate the fields in the given html form using JavaScript and regular expressions Requirements and Constraints Your implementation must absolutely respect the following requirements: Use jQuery [2] to manipulate (access, update, and style) the Web from elements. Files to Create/Use and Main Steps to Follow 1. Create JavaScript file called script.js and link it to your form.html 1.1.1 Instructions and Requirements Your application must show an error message using an alert box (Bootstrap status message). The number of errors must be shown as well as a detailed message for each and every invalid field. In case of an error, the alert box's background color must be changed to light red. The alert box must be controlled (hide/show) using jQuery [2] (see Figure 3 for more details). The background of the invalid fields must be change to pink. You must use the jQuery [2] to change the style properties of any HTML element The validation process must be triggered only and only upon submitting the web form. Therefore, the type of the submit button must be button and not submit. Upon clicking the submit button, a function named validateFrom() must be called. This function does not receive any parameter. It validates the form's elements one by one using regular expressions. You must also validate the length of the entered data. For example: a password must be 6 to 8 characters long. If all the fields are valid, an alert box must be shown. The background color of valid fields must be light green (see Figure 2). 1 Problem Statement Validate the fields in the given html form using JavaScript and regular expressions Requirements and Constraints Your implementation must absolutely respect the following requirements: Use jQuery [2] to manipulate (access, update, and style) the Web from elements. Files to Create/Use and Main Steps to Follow 1. Create JavaScript file called script.js and link it to your form.html 1.1.1 Instructions and Requirements Your application must show an error message using an alert box (Bootstrap status message). The number of errors must be shown as well as a detailed message for each and every invalid field. In case of an error, the alert box's background color must be changed to light red. The alert box must be controlled (hide/show) using jQuery [2] (see Figure 3 for more details). The background of the invalid fields must be change to pink. You must use the jQuery [2] to change the style properties of any HTML element The validation process must be triggered only and only upon submitting the web form. Therefore, the type of the submit button must be button and not submit. Upon clicking the submit button, a function named validateFrom() must be called. This function does not receive any parameter. It validates the form's elements one by one using regular expressions. You must also validate the length of the entered data. For example: a password must be 6 to 8 characters long. If all the fields are valid, an alert box must be shown. The background color of valid fields must be light green (see Figure 2).