jQuery AJAX Form

Recent Tutorial

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
In this tutorial we are going to see how to change states dropdown list option based on the selected country name. In previous tutorial we have seen countries search with jQuery autocomplete. In this example, we have two dropdown for listing countries and states. On changing countries dorpdown values, the corresponding states dropdown values will […]
This tutorial was added to jQuery.

PHP Captcha using jQuery AJAX

December 10, 2014
Captcha code in a form is used for ensuring that the form is submitted with manual intervention without any tools or programs. In previous tutorial we have seen about how to add captcha in PHP. In this tutorial, we are using jQuery AJAX for getting captcha image from PHP. Using jQuery we can also refresh […]
This tutorial was added to jQuery.

Floating Contact Form using jQuery AJAX

October 29, 2014
jQuery floating contact form gives modern look and feel to our website. This tutorial has an example to show a sticky floating contact form in a webpage. 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 display […]
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 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 email. View Demo Contact Form with File Attachment In this contact form we […]
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 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 will […]
This tutorial was added to PHP.

jQuery Datepicker

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

↑ Back to Top