Event Listeners Go to the co_credit.js file in your editor. Create an event listener for the window load event that retrieves the field values attached to the query string of the page’s URL. Add the...

Event Listeners

Go to theco_credit.js file in your editor. Create an event listener for the window load event that retrieves the field values attached to the query string of the page’s URL. Add the following to the event listener’s anonymous function:

1. Create the orderData variable that stores the query string text from the URL. Slice the orderData text string to remove the first ? character, replace every occurrence of the + character with a blank space, and decode the URI-encoded characters.


2. Split the orderData variable at every occurrence of a & or = character and store the substrings in the orderFields array variable.


3. Write the following values from the orderFields array into the indicated fields of the order form:
   
   
   
   • orderFields[3] into the modelName field
   
   
   • orderFields[5] into the modelQty field
   
   
   • orderFields[7] into the orderCost field
   
   
   • orderFields[9] into the shippingType field
   
   
   • orderFields[13] into the shippingCost field
   
   
   • orderFields[15] into the subTotal field
   
   
   • orderFields[17] into the salesTax field
   
   
   • orderFields[19] into the cartTotal field
   
   
   
   

Add another event listener for the window load event that runs different validation event handlers when the page is loaded by the browser. Add the following code to the anonymous function for load event:

1. Run the runSubmit() function when thesubButton is clicked.


2. Run the validateName() function when a value is input into the cardHolder field.


3. Run the validateNumber() function when a value is input into the cardNumber field.


4. Run the validateDate() function when a value is input into the expDate field.


5. Run the validateCVC() function when a value is input into the cvc field.

JavaScript Functions

Create the runSubmit() function that is run when the form is submitted. Within the function add commands to run the validateName(), validateCredit(), validateNumber(), validateDate(), and validateCVC() functions.

Create the validateDate() function. The purpose of this function is to validate the credit card expiration date stored in the expDate field. Within the function, insert an if-else structure that tests the following:

1. If no value has been entered for the expiration date, set the custom validation message toEnter the expiration date.


2. If the expiration date does not match the regular expression pattern:/^(0[1-9]|1[0-2])\/20[12]\d$/set the custom validation message toEnter a valid expiration date. (Hint: Use the test() method.)


3. Otherwise set the custom validation message to an empty text string.

The remaining functions have already been entered for you.

java-------------------------------------------