JQuery Archives - Page 33 of 39

How to check Broken Image with jQuery and AJAX

Last updated on June 4, 2020 by Yogesh Singh

The images which are wouldn’t successfully load on the web page will show nothing when the source does not exist.

It looks bad when there are many images and some of them are missing.

For solving this you need to look through all the pages and find the broken images and fix them manually time to time. It is a time-consuming process.

In this tutorial, I will show you two examples, to automatically detect the broken images and replace with another image.

In the first one, I am using the jQuery, and
In the second, using AJAX with jQuery

How to fire AJAX Request on Regular Interval

Last updated on December 26, 2023 by Yogesh Singh

Sometimes, we need to update parts of a webpage regularly. For instance, displaying live cricket or football scores, or showing the latest news feeds.

There are two ways to schedule AJAX requests:

Using the setInterval() function
Using the setTimeout() function

Both methods essentially do the same thing, but they’re better suited for specific situations. Let’s explore these in this tutorial.

How to fire AJAX Request on Regular Interval

Create custom alert with sweetAlert jQuery plugin

Last updated on June 19, 2021 by Yogesh Singh

Alert is one of the most used functions in JavaScript. By this, you can interact with users by showing information on the screen.

For example, use it in form validation for showing the warning on invalid input or using it to display the alert message when form successfully submitted, etc.

But, the problem is it does not look good on the screen.

There are many free jQuery plugins that you can use to show the user-friendly message box.

In this tutorial, I am using sweetAlert jQuery plugin to show a custom message box on the screen and use it as an alternative to the default alert box.

It looks much better than the default alert and it is responsive.

Create custom alert with sweetAlert jQuery plugin

Add validation to the form with jQuery Validation Plugin

Last updated on June 19, 2021 by Yogesh Singh

You generally display an error message while validating the form by using the alert or place message on <div> or <span> elements and show or hide them.

If you have a form that has many elements and you need to add Client-side Validation.

You are using the container to show the error messages in this case you need to create several container elements. It is a time-consuming process.

For making your validation process simpler there are many free jQuery plugins.

In this tutorial, I will explain you about Validation jQuery Plugin, using that you can define validation faster and systematic way.

It has the built-in method which you can use for validation and you can change the text of the default error message.

You can also create your own method if you do not find any built-in method according to your requirement.

Add validation to the form with jQuery Validation Plugin