Tag Archives: Validation

jQuery Animated Error Messages & Form Validation

In today’s tutorial we are going to use jQuery animation to create more interesting and engaging form validation errors for a user registration form.

Our jQuery form submit and validation code is based on the same one we created in our “Create Your Own jQuery AJAX Form Submit With Validation” tutorial in February. The additional items that we are going … more

Form Validation Using jQuery and Regular Expressions

Regular expressions offer an extremely flexible and powerful way of adding validation to your website forms. Combined with jQuery, it allows you to ensure that data sent to the server matches all of your requirements.

In this post I have included several example regular expressions that we have used in our web design projects for validating form input.

For this … more

Create Your Own jQuery AJAX Form Submit With Validation

For today’s tutorial we are going to do something a little more interesting and take several jQuery functions, which have been covered in our previous posts and combine them to create our own form submit process, which will be able to handle all of the forms in our projects.

This is a good exercise to see how various components/snippets can … more

Check Passwords Using jQuery

We have had several requests on how to use jQuery to check that passwords match in your website registration form when requesting visitors to re-enter their passwords.

This can easily be achieved by using similar code shown in our previous posts on Using jQuery to Validate Search Box Input and Email Validation Using jQuery.

1. The Password Input Fields

<form  … more

Using jQuery to Validate Search Box Input

Today’s tip is just another simple example of how you can use the versatile jQuery library to validate form input text in your website.

In a recent project a client required validation on a search form input that would only allow numbers, letters and a “-”.

The Search Form

<form method="post" name="form1" action="">
          <div><label>Search:</label><input type="text" name="search-text" id="search-text" value="" size="32"  … more

Email Validation Using jQuery

A client recently wanted to include validation on their website registration form that would not only check that the input text was a genuine email address but also to disallow registration of any “free” email addresses.

Using jQuery we can easily add this to the website by creating a regular expression, which checks for email addresses such as yahoo, gmail, … more

Benefits of Website HTML & CSS Validation

Many people ask the question … why validate?

Although most modern browsers will still display code with errors, validation ensures that your web pages meet current HTML and CSS standards. From a web designers point of view validation is a quick and easy way to check for errors that may be causing issues with the way your website renders on … more

Website HTML and CSS Validation

I was amazed to recently read on one local forum someone advising that a web design company with a website that has less than 100 errors could be considered as “decent” … crazy … there is absolutely no reason at all for any errors or warnings in website code.

I am always shocked by how few locally designed websites in … more