ga-wdi-boston / wdi_7_js_demo_jquery_validations

JQuery Form Validation

1. Show how to validate Form field in the Client/Browser
2. Validate on Form Submission.
3. Validate on Form Submission using the JQuery Validation Plugin
4. Use Javascript Debugging tools.
   • Chrome Inspector Panels
     • Console Know how to log to console.
     • Source.
       Use the Debugger.

Create a Comment Form.

The form should: * A Name field. This field is required and MUST be have at least two characters.
* A Email field. This field is required and MUST be have a valid email address. Hint: Use a email regular expresssion.
* A URL field. This field is no required but it you enter something then it should be a valid URL. Hint: Use a email regular expresssion.
* A Comment field is required and have at least five characters.

Validate Form

Using pure Javascript

Validate Form using a plugin.

Using JQuery Validation Plugin