By default, the selected checkboxes value is posted on form submission to the server-side. But if you want to get the selected checkboxes values without form submission, jQuery is the best option. The selected checkboxes value can be get easily using jQuery.

Using minlength and maxlength attributes of HTML5, you can manage input field text length. But if you want to show a custom validation message, it can be done easily with jQuery. Use the example code to implement input text length validation using jQuery.

Sometimes it needed to check whether a div is visible or hidden before triggering an event. Using jQuery, you can easily detect if a specific element in the web page is hidden or visible. jQuery :visible and :hidden selector is the easiest solution to detect elements visibility.

Generally, we used radio buttons to let a user select ONE option from a limited number of choices. Most of the cases radio buttons are ideal to select a single option from a group of the options. If you want to allow the user to check only one checkbox from a group of the checkboxes, it can be done easily using jQuery.

Before submitting the value of the radio button group, it is required to check whether the user selects one radio button in each group. Because it’s always a good idea to validate the value in the client before sending data to the server side. Here we will show you how to check if one radio button in each group is checked using jQuery.

You can access two types of value from select element. First one is the value to be sent to the server, which can easily get using the jQuery. The second one is the text value of the select element. Based on your requirement, single or both values can get from the select element.

Most of the cases the value of selected radio button gets after form submit. But if you want to get the value of selected radio button before form submits, with jQuery you can do it easily. The jQuery :checked selector helps to get the value of selected radio button.

Perhaps you were faced with a common problem when you’re using jQuery Ajax to submit a form, the form data is submitted multiple times if the submit button is clicked multiple times. To solve this issue you only need to write one line code in jQuery.

Are you working on Google Maps? And want to display it in the jQuery tab? Then you will definitely face one problem – Google Map is not working inside of a hidden div. Here we’ll provide the simple solution for that.