Problem 2 (15 points) Write the XHTML code to create a form with the following capabilities: Text widgets to collect the course code, course title, course discipline, level, credits, and semester offered. A select one dropdown menu. The options and their values should be: o Sara Lambert, value = 1 Brad Williams, value 2 o Rosalyn Brown, value 3 o Emil Powell, value 4 o Rene Picard, value 5 o Larry Fields, value 6 e You should also include a hidden field with the value: "c7fafc6d1d3ec4671a342b64e319909f When the Submit button the form is clicked, a JavaScript validation function must be run. This function should ensure that o None of the text fields listed above is empty o That an option was selected from the dropdown menu o The course code is a four-digit integer o The course discipline is a four-letter string o Credits is a number greater than zero and less than or equal to 8 o The semester offered field is either 1, 2, or 3 The title in the browser title bar should read "Course creation form You must use a stylesheet for this assignment. Your stylesheet must be called p2.css and it should be saved to the styles/directory Your JavaScript must be called p2.js and it should be saved to scripts/ directory The form should use the Verdana font with a size that is 1.1 times the width of an 'm If an error is detected in a field during validation, that field should be colored in red. Define a class in your stylesheet to highlight these errors. You should also have another class for fields containing valid data. You must not rely on HTMLS's field validation commands for this part of the problem. Your HTML file must be a valid XHTML document that passes validation at http://validator.w3.org, and your CSS files must pass validation at http://igsaw.w3.org/css-validator/ Please ensure all checks specified in the javascript validation function are completed and the CSS identifies fields which input are valid or invalid according to the validation of the js file