JQuery Archives - Makitweb

How to Upload file using jQuery AJAX with Validation in CakePHP 4

Last updated on February 19, 2023 by Yogesh Singh

Asynchronous file upload gives the user a more seamless experience by allowing them to upload files without having to reload the page.

Handle the file on the client side using jQuery and JavaScript, send the file to the server using an AJAX request, and then process the file on the server.

If the file is not validated then you can immediately display the error messages.

In this tutorial, I show how you can upload file using jQuery AJAX with validation and display a preview of it after uploading it in CakePHP 4.

Reorder images and save to MySQL database – CodeIgniter 4

Last updated on December 14, 2022 by Yogesh Singh

Using jQuery UI sortable you can enable HTML element dragging on your page.

Initialize it on the element that you want to allow the users to reorder.

In this tutorial, I show how you can reorder images using jQuery UI and save them to the MySQL database in CodeIgniter 4.

Allow Only One Checkbox to be Checked using jQuery and JavaScript

Last updated on November 13, 2022 by Yogesh Singh

HTML checkboxes are used for picking multiple items from the list and for allowing a single selection HTML radio button to be used.

Sometimes it is required to use a checkbox instead of a radio for a single selection.

In this tutorial, I show how you can allow only one checkbox selection using jQuery and JavaScript.

Load PostgreSQL Data on Page scroll Using jQuery AJAX PHP

Last updated on November 12, 2022 by Yogesh Singh

Infinite scroll displays a limited number of records on the page, new records automatically load when the page scroll reached the bottom of the page.

In this tutorial, I show how you can load Postgresql data on page scroll using jQuery, AJAX, and PHP.