Category: jQuery

jQuery tutorial to learn the basics of the JavaScript library that allows you to add jQuery Effects like dynamic behavior for static web pages

Remove multiple elements from an array in Javascript/jQuery

Remove multiple elements from an array in Javascript/jQuery

In this post, we will learn how to Remove multiple elements from an array using Javascript or jQuery give with an example. We can simply remove elements from an array using javascript. Below in the post, we have tried different methods to do the same. Let's suppose we have an array in which and we want to remove some particular element from the array without refreshing the page. In that...
jQuery crop and resize an image before upload using PHP

jQuery crop and resize an image before upload using PHP

Sometimes we need to upload the image to the server with the image crop option. For example, nowadays we can see that most of the website like Facebook, twitter give the option to set the profile picture in circular thumbnail way. You do not get the option to upload your whole profile pic. The picture has to be cropped in a circular and thumbnail format. In this tutorial, we are...
Select box with search option in Jquery with example

Select box with search option in Jquery with example

When it comes to select the data from the drop-down list, if there is no searching in a select box, then it creates little bit trouble for users to navigate on proper data. So it is recommended to keep the searching option in the select box if there are large data. Today we are going to share the post about a plugin name Chosen Plugin for the select box. It...
jQuery ajax image upload in PHP with preview

jQuery ajax image upload in PHP with preview

In PHP it is very easy to upload files on the server with the help of the move_uploaded_file() method. But in that, you have to load the page again and again if you need to upload more images. Nowadays we know that speed plays a very important role in a web application, user skips and gets irritates if the page reloads every time when we do some activity on the website....
How to trigger an event in input text after I stop typing/writing

How to trigger an event in input text after I stop typing/writing

Sometimes we need to trigger a subsequent function when performing some task. In this post, we will explain to you how you can trigger callback in jQuery after the user stops typing. The callback is used in many ways like we use callback function in AJAX call, autosave something, etc. In the below code snippet, we have given a textarea. When you stop after writing something then the callback function...
How to enable and disable the submit button using jQuery?

How to enable and disable the submit button using jQuery?

In form submission, we don't want user to click multiple times on the submit button. You may want to disable the submit button when the form is being submitted to the server because resubmit the same content to the server again and again, may cause script failure. To overcome this problem we can simply disable the submit button so the user can not click the button again until it gets...
Restrict multiple URLs or Email id in the Input field with jQuery validation

Restrict multiple URLs or Email id in the Input field with jQuery validation

Sometimes we need to restrict users from submitting more than one URL in the HTML form. In that scenario, we can use the following jQuery code. We need to use RegEx expression and JavaScript match() function to match the pattern of input string. When input string gets matched then it compared with allowed variable in the code. You can set, how many URLs can be used in textarea. If you will...
jQuery Back to Top Smooth scroll

jQuery Back to Top Smooth scroll

If you have large content, multiple sections, and topics on your website, then going from bottom to top becomes a bit boring work on the website page. You might have observed "Back To Top" button on many websites, it is used when the page becomes very lengthy. In this tutorial, you will see how you can apply Smooth scrolling effect and allow users to click on back to top button...