jQuery Form Validation

Recent Tutorial

Restrict Typing Invalid Data in Form Field using jQuery

March 9, 2016
By restricting users from typing invalid data we can minimize validation errors in an earlier stage. Let us see an example to do this using jQuery. In this example, we are having two fields name and phone in our HTML form. In the name field, we can enter only alphabets and in the phone, only […]
This tutorial was added to jQuery.

Enable Disable Submit Button Based on Validation

March 9, 2016
Now we are going to see about how to enable or disable form submit button based on the form validation result. In a┬áprevious example, we have seen form validation using PHP on clicking submit button. We have an example with an HTML form with disabled submit button. And then, we are enabling it by validating […]
This tutorial was added to jQuery.

jQuery Form Validation with Tooltip

July 20, 2015
In this tutorial, we are validating a contact form and showing error message by using jQuery tooltip. In a previous tutorial, we have seen an example of jQuery AJAX contact email with form validation. In this jQuery tooltip example, we are highlighting form fields to show validation results. And then we are calling tooltip function […]
This tutorial was added to jQuery.

Twitter Style Remaining Character Count using jQuery

December 29, 2014
In this tutorial we are going to learn how to calculate the remaining character count using jQuery. By calculating this count we can restrict maximum length of data to be entered by the user. In previous tutorial, we have seen about restricting user from entering more than 1 URL to a input field. In this […]
This tutorial was added to jQuery.

jQuery Form Validation to Restrict Multiple URL

December 28, 2014
In jQuery, it is very simple to restrict user to enter more than one URL via a form input. By validating this, we can avoid spam content with more hyperlinks. In previous tutorial, we have seen jQuery example to validate contact form. In this tutorial we are using jQuery match() to check the number of […]
This tutorial was added to jQuery.

File Size Validation using jQuery

December 15, 2014
In this tutorial we are going to see form file input validation using jQuery. In previous tutorial we do this validation using PHP to check if the file input is empty or not. In this jQuery example, we are validating file size before submitting it for upload. If the file size exceeds 2 MB then […]
This tutorial was added to jQuery.

↑ Back to Top