jQuery AJAX Form

Recent Tutorial

Tags using Bootstrap Tags Input Plugin with Autocomplete

April 22, 2017
Tags are a way to group and organize content. For example, in WordPress, it provides tags as an inbuilt taxonomy to group the content. In this tutorial, we are going to see how to add tags using “Bootstrap Tags Input” plugin. This is a jQuery plugin that provides Bootstrap UI to add tags using a […]
This tutorial was added to jQuery.

Bootstrap Autocomplete with Dynamic Data Load using PHP Ajax

April 14, 2017
In this tutorial, we are going to see how to load data dynamically for an autocomplete suggestion list, Bootstrap Typeahead input field. I use jQuery AJAX to call the PHP MySQL script to read the data from the database and autocomplete dynamically. The loaded data will be returned to the source of the Typeahead script to […]
This tutorial was added to jQuery.

How to Create Typeahead (Auto-Complete) Field using Bootstrap

April 12, 2017
In this tutorial, we are going to see how to create an auto-complete field using Typeahead Library. It is a Twitter Bootstrap library used to add the auto-complete feature to the form input field. By initializing the Typeahead library with the form input field, it shows a list of auto-complete suggestions while typing data in this […]
This tutorial was added to jQuery.

Formatting Date With jQuery Date Picker

June 26, 2016
Using jQuery date picker we can format a selected date by using dateFormat option. In a previous post, we have seen how to use jQuery datepicker in a form to select a value for a date field. It popup a calendar widget to select a date. In this tutorial, we are going to see how […]
This tutorial was added to jQuery.

Dependent Auto Suggest with jQuery

June 14, 2016
Auto-suggest feature for a form field will reduce user’s effort while entering input data. In this post, we are going to see how to do auto suggest for a dropdown field depends upon the result of another dropdown. In a previous post, we have seen how to create dependent dropdown and dropdown with auto suggest, separately. […]
This tutorial was added to jQuery.

Prevent Form Double Submit using jQuery

March 9, 2016
In this tutorial, we will see how to avoid duplicate submit using jQuery. While submitting a form via an AJAX function, the page will not refresh. So, the user interface will not show any progress about the server side execution taking place. It will lead duplicate form to submit. To overcome this problem, we are […]
This tutorial was added to jQuery.

jQuery Dependent DropDown List – Countries and States

February 8, 2015
Adding Dependent dropdowns will be a very useful feature when there is a dependency between the options of the dropdown fields. For example, if we need to list out the posts based on its category then we can have dependent category-post dropdowns. In this tutorial, we are going create country-state dependent dropdowns. On changing the countries dropdown […]
This tutorial was added to jQuery.

Floating Contact Form using jQuery AJAX

October 29, 2014
jQuery floating contact form gives modern look and feels to our website. This tutorial has an example to show a sticky floating contact form in a web page. In this example, we have a contact icon which will be sliding up and down based on the page scroll. On clicking this icon the contact form […]
This tutorial was added to jQuery.

Check Uncheck All Checkbox using jQuery

October 19, 2014
In this tutorial, we are going to see how to check or uncheck group of checkboxes using jQuery. We can use this feature in various scenarios like selecting multiple records to perform database update or delete. In this tutorial we have a simple example with less code for obtaining this feature using jQuery. View DemoDownload […]
This tutorial was added to jQuery.

jQuery Contact Form with Attachment using PHP

October 16, 2014
In the previous tutorial, we have seen how to send contact form email using PHP and jQuery. In this tutorial, we are going see the code for sending file attachments with the contact form email. We are using PHPMailer through SMTP for sending an email. View Demo Contact Form with File Attachment In this contact […]
This tutorial was added to jQuery.

PHP Contact Form with jQuery AJAX

October 15, 2014
PHP AJAX contact form is used to send contact information to the back end without page refresh. In this tutorial, we have given an example contact form for collecting user queries, feedback and etc. After client-side validation, these form data will be sent to a PHP page through a jQuery AJAX call. After sending contact […]
This tutorial was added to jQuery.

jQuery Password Strength Checker

October 13, 2014
In this tutorial, we are going to validate password strength using jQuery. We have regex patterns for alphabets numbers and special characters. Password text will be matched with this pattern. Then, its strength will be validated based on the type of characters it contains. View Demo Password Strength Checking Form This form interface is used […]
This tutorial was added to jQuery.

Getting Checkbox Values in jQuery

August 29, 2013
In HTML Form, the dropdown, checkbox type fields have an array of value. In this post, we are going to see how to get the array of selected values from these form fields using jQuery. In this example, we are using jQuery each() to get each checked value in an array. Then this array values […]
This tutorial was added to PHP.

jQuery Datepicker

July 26, 2013
Datepicker is a wonderful option provided with the user interface to facilitate user to select a date in a correct format. In this article, we are going to add a date picker to a web page, using jQuery plugin. jQuery Datepicker plugin is provided with a various set of options and methods, that are used […]
This tutorial was added to jQuery.

↑ Back to Top