WBG310 Lab 1 – Javascript validation – code with screenshots – Perfect Solution – Instant Delivery

Lab Price = $28
Please feel free to send us your queries at: support@iqrajavaid.com
Payment methods

Add to Cart

Buy Now

View Cart


Problem Statement

Lab Steps
STEP 1: Create a Simple Form
1. Download the template file here: jsTemplate.zip (Links to an external site.) (Links to an external site.)
2. Unzip the jsTemplate.html file and save the file as w1_Lab1.html.
3. Within the form tags already coded in the template HTML file, create two text boxes, two buttons, and a radio button group (view Figure 1 for layout). Make sure the textboxes and radio buttons are labeled according to Figure 1.
4. Use the “name” attribute for all instances of the radio group set to: “skilltype.”
5. Use input type of button for the Submit button NOT input type submit.
6. Use input type reset for the clear form button.

Figure 1: Using the Form Section of the Template
STEP 2: Create a Validation Function
1. Create a JavaScript function that will collect the information from the form and verify that it is the correct type and that there are no blank textboxes. Save and test the file to ensure that the textbox information is collected and the script is working correctly. Use the onclick event within the submit button tag to call this function.
2. Output validation error messages by writing directly to the

with the id of “results.” (You may want to use Alert boxes for testing at first.)
3. Create a loop within the above function that collects the checked value of the radio button group. Once the value from the radio group is collected, create a function to pass the value for evaluation and return a message for the user based on his or her selected skill type using the

with the id of “more.”
STEP 3: Save and Test
1. Save the file.
2. View the page in a browser and test the program. A sample output looks like the following.

Figure 2: Series of Expected Results From Testing
STEP 4: Prep for Turn-In
1. When your application functions as expected, zip the file and submit your assignment.

Relevant Material
Screenshots
Lab 1: Invalid Age
Lab 1: Invalid Age
Lab 1: Mandatory Check
Lab 1: Mandatory Check
Lab 1: Output
Lab 1: Output
Instructions
* If you want to purchase multiple products then click on “Buy Now” button which will give you ADD TO CART option.Please note that the payment is done through PayPal.
* You can also use 2CO option if you want to purchase through Credit Cards/Paypal but make sure you put the correct billing information otherwise you wont be able to receive any download link.
* Your paypal has to be pre-loaded in order to complete the purchase or otherwise please discuss it with us at support@iqrajavaid.com.
* As soon as the payment is received, download link of the solution will automatically be sent to the address used in selected payment method.
* Please check your junk mails as the download link email might go there and please be patient for the download link email. Sometimes, due to server congestion, you may receive download link with a delay.
* All the contents are compressed in one zip folder.
* In case if you get stuck at any point during the payment process, please immediately contact us at support@iqrajavaid.com and we will fix it with you.
* We try our best to reach back to you on immediate basis. However, please wait for atleast 8 hours for a response from our side. Afterall, we are humans.
* Comments/Feedbacks are truely welcomed and there might be some incentives for you for the next lab/quiz/assignment.
* In case of any query, please donot hesitate to contact us at support@iqrajavaid.com.
* MOST IMPORTANT Please use the tutorials as a guide and they need NOT to be used for any submission. Just take help from the material.
******************************************** Good Luck ***************************************************
Privacy Policy
We take your privacy seriously and will take all measures to protect your personal information.
Any personal information received will only be used to fill your order. We will not sell or redistribute your information to anyone.
Refund Policy
Incase you face any issues with the tutorial, please free to contact us on support@iqrajavaid.com
We will try our best to resolve the issue and if still persists we can discuss for a refund in case its required.
Payment Details
Lab Price = $28
Please feel free to send us your queries at: support@iqrajavaid.com
Payment methods

Add to Cart

Buy Now

View Cart