: The objective of this exercise is to: 1.      Continue working with JavaScript 2.      Learn and implement form validation using HTML5 and JavaScript

Part #1: Validation using HTML5 Only

Estimated time: 30 minutes

Exercise:

• All work will be done in ~/public_html/cse383/lab8
• Create a file call called index1.html
• Create a web form (action=”https://ceclnx01.cec.miamioh.edu/~johnsok9/cse383/lab8/lab8.php” and target must be a blank page)
• Fields (make sure all fields have valid type, id and name)
  • Name (name: text: at least 2 characters)
  • User Id (uid: text: one word only)
  • Mobil Devices (numMobileDevices: number: values from 1-10 (not a dropdown))
  • Quotation (quoteCite: text: text – no numbers)
• Submit button
  • Pressing the submit button should not proceed if there are any mistakes/errors
  • If anything is incorrect – it should stop and let the user know
  • If all is ok, then it should switch to lab8.php and display the received information

Part #2: Validation using JavaScript (no HTML5)

Estimated time: 30 minutes

Exercise:

• All work will be done in ~/public_html/cse383/lab8
• Copy index1.html to index2.html
• Remove all of the html5 validation and replace it with JavaScript validation
• You may NOT use html5 validation
• Submit button
  • Submit button must call your JavaScript routine to check the input fields for errors
  • If anything is incorrect – it should stop and let the user know the error
  • If all is ok, then it should switch to lab8.php and display the received information

SUBMIT:

• Screenshot
  • Index1.html (HTML5 validation) (showing it stopping something with the error message displayed)
  • Index2.html (javascript validation) (showing it stopping something with the error message display)
• File
  • Attach index1.html
  • Attach index2.html
• Link
  • Add the link to the web pages in the text area