Yogesh Singh, Author at Makitweb

How to copying content to Clipboard with JavaScript

Last updated on June 18, 2023 by Yogesh Singh

Numerous web applications require the ability to copy content easily, for a variety of purposes such as note-taking, code snippet repositories, and social media sharing tools. Copying text or data through a simple click on the clipboard in today’s digital landscape is an essential feature.

In the present-day scenario, most modern browsers offer an effortless way to copy content to the clipboard utilizing JavaScript.

Before proceeding, it is worth noting that due to security protocols, this feature may not be compatible with several browsers. To copy the selected text, kindly instruct the user to press CTRL+C shortcut command.

In this tutorial, I show how you can copy the content to the clipboard with or without plugins.

How to copying content to Clipboard with JavaScript

Restrict keyboard character input with jQuery

Last updated on December 14, 2020 by Yogesh Singh

It is better to restrict the user from entering invalid input and submit the form.

If the inputted data is invalid then the request is not been executed on the server-side script if added validation and the user needs to again fill the details.

If a field does not require a specific type value like – number, character, special character then stop the user from entering.

In this tutorial, I show how you can restrict keyboard character input with jQuery and JavaScript.

Display Loading Image when AJAX call is in Progress

Last updated on December 14, 2020 by Yogesh Singh

When an AJAX request is sent to fetch records from the server then it may take time depending on the data processing or the number of records.

If the AJAX request takes more time then at the Client-side there is no visible change is been displayed and the user doesn’t know whether its request is in progress or not.

You can display a loading image or text message on the page when the AJAX request is in progress and hide it after getting a response.

In the demonstration, I am displaying a loading image when sending an AJAX request.

How to Set Minimum and Maximum Date in jQuery UI Datepicker

Last updated on January 15, 2023 by Yogesh Singh

With jQuery UI it is easier to add Datepicker on the textbox element or in any other HTML elements.

If you like to restrict access of users to select a date within a range then there is minDate and maxDate options are available in jQuery UI.

Using this you can set the date range of the Datepicker.

After defining these options the other days will be disabled which are not in a defined range.

In this tutorial, I show you how to use both options in jQuery UI Datepicker to restrict the date range.