Join Joe Chellman for an in-depth discussion in this video Challenge: Dynamic contact form, part of jQuery for Web Designers.
- [Voiceover] In this challenge,…we're going to enhance this web form…to help this small non-profit out a little bit.…So, Explore California wants a few changes…to their web form.…Specifically, down here under General Information,…they want to require that people acknowledge…that they need to provide their own bicycle…before they can start checking off different tours…about which they'd like to find out more.…They also want the form to send people to a different page,…depending on whether they've elected…to subscribe to the newsletter or not.…Specifically, a value of these radio buttons.…
So, again, what we want to do here…is require that this checkbox be checked…before any of these others can be checked.…We want to disable all these until this is checked.…Then we want to change where the forms goes on submit,…depending on which of these radio buttons is checked.…Here, in the exercise files,…you have a Script file where you can work on your jQuery.…Here's the Contact page…and there are these two static pages that you can submit to,…
Author
Released
9/1/2016- When to use jQuery
- Installing jQuery
- Setting up functions
- Using jQuery classes
- Modifying the DOM
- Event binding
- Reading and setting values
- Integrating plugins
- Animating websites with jQuery
Skill Level Intermediate
Duration
Views
Related Courses
-
GitHub for Web Designers
with James Williamson3h 56m Intermediate
-
Introduction
-
Welcome1m 13s
-
What you should know1m 29s
-
Challenges36s
-
-
1. jQuery Introduction
-
When to use jQuery2m 59s
-
Alternatives to jQuery1m 37s
-
Which version to use2m 56s
-
How to install jQuery5m 5s
-
Reference Materials3m 3s
-
2. Essential Concepts
-
Set up functions3m 15s
-
Select elements5m 51s
-
Shorter code with chaining4m 22s
-
Use classes6m 11s
-
Modify the DOM5m 46s
-
Challenge: Form feedback1m 45s
-
Solution: Form feedback2m 9s
-
-
3. It's Easier in jQuery
-
Event binding6m 20s
-
Read and set values5m 9s
-
Attributes and properties6m 57s
-
-
4. Integrate a Plugin
-
Initialize the plugin3m 47s
-
Change gallery options6m 14s
-
5. Animation
-
Simple animations8m 28s
-
Animate numeric properties5m 26s
-
Easing4m 1s
-
Conclusion
-
Next steps: Plugins3m 3s
-
Next Steps: jQuery1m 1s
-
Next Steps: JavaScript1m 12s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Challenge: Dynamic contact form