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 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 name field we can enter only alphabets and in phone only numbers are allowed. […]
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 previous example, we have seen form validation using PHP on clicking submit button. We have an example with a 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 previous tutorial we have seen an example for 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 tooplip function to […]
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