Here is a very simple jQuery trick to display a message depending on which option is currently selected on a select box. This is very useful especially when there is a need for an explanation or give additional information on some items within a select box.

Here is a demo of this tutorial at work:

Quite handy isn’t it? Here is how to do it in a few simple steps: Read more »

Here is a simple tutorial on how to implement the “select all” function for checkboxes in jQuery. All you need to know for this tutorial is the basic knowledge of using the jQuery library.

assuming we have included the jQuery library in our document:

<script type="text/javascript" src="jquery.js"></script>

The next step would be Read more »

In this next tutorial, I will demonstrate how to perform input validation on AJAX forms using the jQuery form plugin.

The requirements for this tutorial are:

and the required files for this tutorial are:

Before we start with this tutorial, let me make one thing clear:

Client-side input validation is no substitute for server-side validation.
Client-side validation can be easily bypassed, and should be treated more as an enhancement for the form.

now let us continue with the tutorial Read more »

For today’s article, I’m going to show you one of the many ways of implementing preloaders using jQuery. If you’re not familiar with preloaders, they are basically the loading text or image that appears while content is still under the processing state. An example of this would be the red Loading… on Gmail. For this tutorial, I’m going to use a simple makeshift preloader that was done under 5 minutes:

For this article, you need at least basic knowledge of jQuery and the use of the jQuery Form plug-in. Read more »

Remember my tutorial on implementing input arrays in jQuery? It seems that there is much simpler way of doing it without too much hassle coding the individual parameters, and remebering all the field #id’s. That is if you don’t mind loading another 29KB JavaScript library. Introducing the Form Plug-in for JQuery, this library will be of great help for very large forms that needs to be processed via AJAX Read more »