A local weather page, "show$\_$weather.php$",$ consists of a form with one input element and one submit button.

Users can get the current weather for a location of their choice by entering the US ZIP code for the location $($this only works for US locations$).$ The regex for a valid US ZIP code is $^\backslash$d$\{5)(?$:$[-|$s$||$d$(4))?$$$.$

Your task is to implement JavaScript$-$based form validation. You are required to use CSS for the DOM manipulation for this question.

The following is a list of the DOM elements that require validation to be performed.

$$ The input element $-$ valid US ZIP code format

$$ The form $-$ verify that the input element has a valid US ZIP code format before submitting

If the user$-$supplied ZIP code does not pass validation when the input element loses focus, show the input format help text.

If the user$-$supplied ZIP code is not does not pass validation when the user presses the button to submit the form, show the form submission error and prevent the form from submitting.

If the user$-$supplied ZIP code passes all validation, allow the form to be submitted.

Hint: ensure the help and error text are in the proper state, visible or not visible, at all times.