JavaScript Tutorials

This is a tutorial on how to write a validation script for HTML form inputs using jQuery. There are plenty of these out there already, but in most cases I found that they could not be applied quickly. 9 out of 10 websites that I develop need nothing more than a simple validation to tell the user when an input was left empty or filled in improperly. Once you’ve gotten the hang of this script, it will only take you a couple of minutes to reapply it to each new website that you’d like it on.

Shows you how to write a script that ensures your form is filled in correctly before it's sent to your server. Great for "required fields" such as email addresses.

Use JavaScript to make a simple real-time clock that you can place on any Web page. Along the way, you take a look at how to access text nodes in the DOM, and how to set an onLoad event handler.

This tutorial shows you, step-by-step, how to create an automatically-updating character counter / limiter for textareas - using jQuery.

Learn how to add basic form functionality with Javascript.

Tutorial explaining how to load the Wordpress comment form within a jQuery lightbox.

When you are working in jQuery with generated HTML fragments that are returned from AJAX, It is interesting to note these cases..

Build a Web 2.0 Document Search Engine

This is a jQuery-fied share count button to encourage people to bookmark your content on Delicious. Although Delicious provides their own button and I tried before to style it differently, but still It didn't look quite uniform like other sharing buttons.

If an HTML table row contains only one <a> link it can be useful to make the entire row clickable and make it activate that link. This post shows how to make the entire row clickable with jQuery so that clicking anywhere in the row is the same as clicking that link.